﻿/* # McQ Custom CSS*/

section.section.slider-section {
    margin-bottom: 0;
}

div.soliloquy-container.home-slider .soliloquy-caption.soliloquy-caption-left {
    	top: 5%;
	}

.soliloquy-container.home-slider .soliloquy-caption .soliloquy-caption-inside {
    background: rgba(0,0,0,0);
}

.txt-md-left {
    text-align: left;
    font-size: 18px;
}

.txt-xs-center {
    text-align: center;
}

.caption-title .small-text {
    font-size: 26px;
    color: #393330;
    line-height: 28px;
    padding: 10px 0 0 10px;
    vertical-align: top;
}

.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title {
    font-size: 84px;
    color: #555;
    line-height: 86px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    display: block;
}

.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title-alt.htag{ /*building the relationship for a */
/*.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title.htag */ /*  Lifetime    DENTAL CARE */
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    color: #393330;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .3px;
    padding: 0 0 5px 0;
    margin: 0;
}

.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title-alt.white.htag,/*building the relationship for a */
.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title.white.htag, /*Lifetime    dental care*/
.caption-title .small-text.white { /*of */
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.d-block {
    display: block;
}

.d-block .white,
h1.caption-title.white.htag span.d-block {
    text-shadow: 1px 1px 1px #000;
}


.d-inline-block {
    display: inline-block;
}

.custom .before-header-btn.is-style-squared a.wp-block-button__link.has-background {
    margin: 20px 0 0;
    padding: 10px 15px; 
}

/*
 _______________________Headlines ______________________________*/

.custom h1.entry-title { /*use when I am placing manual H1 tags in content*/
    color: #333;
    margin-bottom: 40px;
}

.custom h2 { /*use when I am placing manual H1 tags in content*/
    margin-bottom: 40px;
}

.custom h3 { /*use when I am placing manual H1 tags in content*/
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    margin: 30px 0 20px;
}

.sub-header {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 3.5px;
    padding: 0 0 5px 0;
    margin: 0;
}

.custom .image-bg .inner-light {/*page banner titles using light setting*/
    background-color: rgba(255,255,255,0);
}

.custom .inner-light {
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.0);
    box-shadow: 0 0 8px rgba(0,0,0,0.0);
}

.custom .banner-title {
	color: #666;
	font-size: 3.0rem;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #fff;
    letter-spacing: .5px;
}
/*
 _______________________Homepage Grid ______________________________*/

.custom section#practice-areas.section div.wrap {
    max-width: 1664px;
}

/*.custom .light-content a, 
.custom .light-content h1, 
.custom .light-content h2, 
.custom .light-content h3, 
.custom .light-content h4, 
.custom .light-content h5, 
.custom .light-content h6*/
section#practice-areas.section .light-content a {
    color: #fff;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px #444;
}

.custom .flex-entry .entry-title, /*change titles in grid photos*/
.custom .flex-entry .woocommerce-loop-category__title, 
.custom .flex-entry .woocommerce-loop-product__title {
    font-size: 1.141em;
}


/*section#practice-areas h2.heading*/
#practice-description h1,
.home .section-content h2.heading,
#gform_4 div.gform_heading h3.gform_title {
	color: #555;
	font-size: 3rem;
	font-family: "Playfair Display", Georgia, serif;
	font-weight: 700;
	letter-spacing: -.3px;
}

section#practice-description p.home-description {
	font-size: 1.3rem;
	font-weight: 100;
	line-height: 1.6;
	padding-bottom: 50px;
}


/*
 _______________________Content IMG's ______________________________*/


.custom img.alignleft {/*eliminate top margin so text lines up with top of photos*/
    margin: 0 24px 24px;
}

.custom .alignright, 
.custom img.alignright {
    margin: 0 24px 24px;
}


/*
 _______________________Before Header Area ______________________________*/

.custom .header-before h4 {
	color: #444;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
}

/*
 _______________________Primary Navigation ______________________________*/

.has-sticky-header .site-header,
.has-reveal-header .site-header {
	box-shadow: -1px 15px 15px 1px rgba(0,0,0,0.25);
	border-bottom: 20px solid #7ec22f;
}

.custom .menu-item.highlight > a {
	background-color: rgba(22,97,41,1);
}

.custom .menu-item.highlight > a:hover {
	background-color: rgba(22,97,41,.9);
}

.custom .mobile-menu a { /*fix padding on menu items in mobile menu*/
	padding: 12px 10px 12px 10px;
}

.custom .mobile-menu .current-menu-item > a, /*secondary menu in mobile menu*/
.custom .mobile-menu .current-page-ancestor > a, 
.custom .mobile-menu .sub-menu a:active, 
.custom .mobile-menu .sub-menu a:focus, 
.custom .mobile-menu .sub-menu a:hover {
    color: #1f8b3b;
}

.custom .menu-about-container,/*secondary menu in mobile menu*/
.custom .menu-patient-info-container,
.custom .menu-services-container {
	background: #f2f2f2;
}

/*
 _______________________Secondary Navigation ______________________________*/

.custom .nav-secondary .menu {  /*left justify menu items in secondary nav menu*/
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
}


.custom .nav-secondary a { /* Secondary Nav font*/
    font-size: 1rem;
}

.custom .nav-secondary .current-menu-item > a, 
.custom .nav-secondary, 
.custom .nav-secondary .sub-menu a {
    background-color: #166129;
}

.custom.page-template.page-template-sections.page-template-sections-php nav#genesis-nav-secondary.nav-secondary {
	margin-bottom: 36px;
}

.nav-secondary a:hover,
.nav-secondary .current-menu-item.current_page_item a {   /*secondary nav link hover*/
    background: #1c7d35;
    color: #fff;
}

/*
 _______________________Banner Image Height Adjustment ______________________________*/

.custom .height-lg {
    padding-top: calc(5rem + 7.451vw);
    padding-bottom: calc(5rem + 7.451vw);
}

/*
 _______________________button ______________________________*/

.custom .wp-block-button__link:hover {
	opacity: 0.75;
}

.custom .is-style-squared a.wp-block-button__link {
    border-radius: 5px;
    min-width: 250px;
}

.custom .button.white, 
.custom .button.white:focus, 
.custom .button.white:hover {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.mcq-light-gray-btn,
.mcq-dark-gray-btn {
}

.custom #genesis-footer-widgets .menu-item.highlight > a {
    background-color: #f7f7f7;
    color:#009302;
} 
.custom #genesis-footer-widgets .menu-item.highlight > a:hover {
    background-color: #f7f7f7;
    color:#097200;
} 


/*
 _______________________Gravity Forms ______________________________*/

.custom .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    padding: 20px 10px;
 }
 
.custom div#gform_wrapper_4.gform_wrapper {  /*homepage contact form*/    
    background: #d9dbd7;
    padding: 25px;
}

.custom div#gform_wrapper_4.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .custom div#gform_wrapper_4.gform_wrapper .gform_page_footer input.button, .custom div#gform_wrapper_4.gform_wrapper .gform_page_footer input[type=submit] {
	width: 100%;
}

/* form placeholder overrides - have to use !important or this doesn't work
--------------------------------------------- */

::-webkit-input-placeholder { /* Chrome */
  color: #aaa !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #aaa !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #aaa !important;
  opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #aaa !important;
  opacity: 1 !important;
}

.custom div#gform_wrapper_4.gform_wrapper ul.gform_fields li.gfield { /*eliminate extra padding on left side of form*/
    padding-right: 0;
}

.custom input, 
.custom textarea {
    border: 1px solid rgba(0,0,0,.1);
}

/*
 _______________________PDF's ______________________________*/


.pdf {
    background: url("images/pdf.jpg") no-repeat scroll left 5px transparent;
    line-height: 30px;
    padding: 5px 0 10px 40px;
}

a.pdf {
    border: none;
}


/*
 _______________________Horizontal ruler color ______________________________*/


.custom hr {
    border-top: 1px solid rgba(0,0,0,.20);
}

.home-contact-section-bg {
    background-image: url(images/gray_waves.png);
    background-repeat: repeat;
    background-position: top left;
    background-attachment: scroll;
}

.home-grid-section-bg {
    background-image: url(images/white_waves.png);
    background-repeat: repeat;
    background-position: top left;
    background-attachment: scroll;
}

/*
 _______________________white banner titles ______________________________*/

.custom.page-id-8 h1.banner-title { /*contact page*/
	color: #fff;
}


---------------------------------------------------------------------------------------------------- */
 /* # Media Queries (mobile-first)
---------------------------------------------------------------------------------------------------- */

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

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

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

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

	div.soliloquy-container.home-slider .soliloquy-caption.soliloquy-caption-left {
    	height: auto;
    	left: 50%;
    	margin-left: -551px;
	}
}

/* # Media Queries (mobile-second)
---------------------------------------------------------------------------------------------------- */

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

	.custom .soliloquy-container .soliloquy-caption.soliloquy-caption-left {
    	width: 40%;
    }	
	
	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title-alt.htag{ /*building the relationship for a */
	/*.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title.htag */ /*  Lifetime    DENTAL CARE */
     	font-size: 18px;
    	color: #393330;
    	line-height: 24px;
    	font-weight: 400;
    	padding: 0 0 5px 0;
    	margin: 0;
	}

	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title-alt.htag {
    	font-size: 18px;
    	line-height: 20px;	
}
	
	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title {
    	font-size: 60px;
    	line-height: 62px;
    	margin: 10px 0;
	}
	
	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title .small-text {
    	font-size: 20px;
    	line-height: 22px;
	}
	
}


@media only screen and (max-width: 1400px) {
	
	
	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title-alt.htag{ /*building the relationship for a */
	/*.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title.htag */ /*  Lifetime    DENTAL CARE */
     	font-size: 18px;
    	line-height: 24px;
    	font-weight: 400;
    	padding: 0 0 5px 0;
    	margin: 0;
	}

	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title-alt.htag {
    	font-size: 18px;
    	line-height: 20px;	
}
	
	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title {
    	font-size: 50px;
    	line-height: 52px;
    	margin: 10px 0;
	}
	
	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title .small-text {
    	font-size: 20px;
    	line-height: 22px;
	}
	
}




@media only screen and (max-width: 1300px) {
	
	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title-alt.htag {
    	font-size: 18px;
    	line-height: 20px;	
}
	
	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title {
    	font-size: 40px;
    	line-height: 42px;
    	margin: 10px 0;
	}
	
	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title .small-text {
    	font-size: 20px;
    	line-height: 22px;
	}
}


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

	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title-alt.htag {
    	font-size: 15px;
    	line-height: 17px;	
	}
	
	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title {
    	font-size: 30px;
    	line-height: 32px;
    	margin: 0;
	}
	
	.soliloquy-caption.soliloquy-caption-left div.soliloquy-caption-inside .caption-title .small-text {
    	font-size: 16px;
    	line-height: 18px;
	}
}


@media only screen and (max-width: 992px) {
	.custom .banner-title {
		font-size: 2.5rem;
	}
}


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

	div.soliloquy-container.home-slider .soliloquy-caption.soliloquy-caption-left {
    	top: 0;
	}
}

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

	.custom .wp-block-column { /*gutenberg column blocks go to 100% width on 781px and smaller*/
    	flex-basis: 100%;
	}
	
	.custom .wp-block-column:not(:first-child) { /*eliminate gutenberg 2nd column margin left on 781px and smaller*/
    	margin-left: 0;
	}
	
	.custom .soliloquy-container .soliloquy-caption.soliloquy-caption-left { /*convert slider cpations to go underneath images*/
    	width: 100%;
    	display: block;
    	position: relative;
	}
}


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

	section#practice-description h2.heading {
		font-size: 2rem;
	}

	section#practice-description p.home-description {
		font-size: 1.3rem;
		line-height: 1.6;
	}
}

@media only screen and (max-width: 544px) {
	
	#practice-description h1, 
	.home .section-content h2.heading, 
	#gform_4 div.gform_heading h3.gform_title {
    font-size: 2.5rem;
	}

}

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

