/*
Theme Name: OCL 2024 Child Theme
Theme URI: 
Author: 
Author URI: 
Description: Child Theme of TwentyTwentyFour for OCL
Template: twentytwentyfour
Text Domain: ocl-2024-child-theme
Tags: 
*/

/* ###############  BACKGROUNDS  ###############  */

	body {background-color:#ffffff;}

/* ###############  END BACKGROUNDS  ###############  */



/* ###############  TOP OF PAGE HEADER - BLACK BAR WITH WHITE TEXT  ###############  */

	.header-black-bar {font-family: oswald;}
	.header-black-bar a {text-decoration: none;}

/* ###############  END TOP OF PAGE HEADER - BLACK BAR WITH WHITE TEXT  ###############  */



/* ###############  NAVIGATION  ###############  */

		/* set the font face for navigation items */
			.wp-block-navigation {font-family: times;}

		/* add some padding between navigation items */
			.wp-block-navigation-item {padding-right: 25px !important;}

		/* make the dropdown boxes wider so text doesn't wrap.  class names set in site editor */
            .elderlawmedicaid li {
                min-width: 390px;
                width: auto;
            }

            .guardianship li {
                min-width: 230px;
                width: auto;
            }

			.otherlegalservices li {
                min-width: 240px;
                width: auto;
            }

            .about li {
                min-width: 220px;
                width: auto;
            }

/* ###############  END NAVIGATION  ###############  */


/* ###############  HEADINGS  ###############  */

	h1, h2, h3, h4, h5, h6 {font-family: oswald; color: #1675a9;}

	/* remove underline from phone numbers in header */
	.ocl-header-phone a {text-decoration:none;}

/* ###############  END HEADINGS  ###############  */


/* ###############  HOME PAGE ONLY STYLES  ###############  */

	/* HIDE the home page hero COVER block on small devices */
			.wp-block-cover {display: none;}

	/* make the 3 callout boxes move up and overlap the cover hero image
		REMOVED AT REQUEST OF IC.  WANTS BOXES UNDER PHOTO
			.home-page-calloout-boxes {
				margin-top: -30px;
				position: relative;
				z-index: 999999;
			}
	*/

	/* make the 4 boxes on the home page all the same height. */
			.equal-height-column {
				min-height: 145px;
			}

/* ###############  END HOME PAGE ONLY STYLES  ###############  */


/* ###############  OTHER STYLES  ###############  */

		/* ###############  CREATE A BLUE UNDERLINE UNDER CONTENT HEADERS  ###############  */
				.content-header-full-width-underline {
					color:#1675A9;
					border-top-style: solid
				}

		/* ###############  END CREATE A BLUE UNDERLINE UNDER CONTENT HEADERS  ###############  */


		/* ###############  REMOVE LINK UNDERLINES  ###############  */

				.practice-areas a:link,
				.practice-areas a:visited,
				.practice-areas a:hover,
				.practice-areas a:active
					{text-decoration: none;}

		/* ###############  END REMOVE LINK UNDERLINES  ###############  */

		/* ###############  PAD AND CENTER THE CONTACT US BUTTON IN THE CTA ON MOBILE  ###############  */
			.contact-us-button {padding-top: 25px; text-align: center;}
		/* ###############  END PAD AND CENTER THE CONTACT US BUTTON IN THE CTA ON MOBILE  ###############  */


/* ###############  BEGIN WP FORMS FORMS STYLING  ###############  */
			/* ###############  FORM 601  = ENGLISH CONTACT FORM  ###############  */
			/* ###############  FORM 1047 = POLISH CONTACT FORM   ###############  */

			div.wpforms-container-full:not(:empty) {
			  margin: 5px auto !important;
			}

			.wpforms-container .wpforms-field,
			.wp-core-ui div.wpforms-container .wpforms-field {
			  	padding:1px 0 !important;
			  	position:relative;
				margin-left: 20px;
			}

			.wpforms-container .wpforms-inline-labels {
				display: grid;
				grid-template-columns: 20% 75%;
				align-items: center;
			}

			.wpforms-container .wpforms-field-medium {
				height: 25px;
			}

			/* FLOAT THE SUBMIT BUTTON TO THE RIGHT */
				#wpforms-submit-601, #wpforms-submit-1047 {
				  text-align: right;
				  float: right !important;
				  margin-right: 25px;
				}

				/* ###############  STYLE POLISH PAGES CONTACT FORM 1047 IN FOOTER  ###############  */

					/* SET WIDTH OF MESSAGE FIELD */
					#wpforms-1047-field_4 {width: 250px;}

					/* ADD SOME LEFT MARGIN TO ALL FIELDS */
					#wpforms-1047-field_1,
					#wpforms-1047-field_2,
					#wpforms-1047-field_4,
					#wpforms-1047-field_5 {
						margin-left: 15px;
					}

					/* STYLE THE MESSAGE LABEL */
					#wpforms-1047-field_4-container .wpforms-field-label {
						margin-right: 20px;
						width:150px;
					}

				/* ###############  END STYLE POLISH PAGES CONTACT FORM IN FOOTER  ###############  */

/* ###############  END WP FORMS FORMS STYLING  ###############  */

/* ###############  END OTHER STYLES  ###############  */



/* ############### EXTRA SMALL DEVICES (phones, 600px and down) ###############  */

	@media only screen and (max-width: 600px) {

	}
 
/* ###############  SMALL DEVICES (portrait tablets and large phones, 600px and up) ###############  */

	@media only screen and (min-width: 600px) {

	}

/* ###############  MEDIUM DEVICES (landscape tablets, 768px and up) ###############  */

	@media only screen and (min-width: 768px) {
		
		/* ###############  UNPAD AND UNCENTER THE CONTACT US BUTTON IN THE CTA ON MOBILE  ###############  */
			.contact-us-button {padding-top: 0px; text-align: right;}
		/* ###############  END UNPAD AND UNCENTER THE CONTACT US BUTTON IN THE CTA ON MOBILE  ###############  */
		
	}

/*  ############### LARGE DEVICES (laptops/desktops, 992px and up) ###############  */

	@media only screen and (min-width: 992px) {

			/* SHOW the home page hero COVER block on larger devices */
				.wp-block-cover {display:flex;}
	}

/* ###############  EXTRA LARGE DEVICES (large laptops and desktops, 1200px and up)  ############### */

	@media only screen and (min-width: 1200px) {

	}