/*
Theme Name: Reese
Theme URI: https://agirlandhermac.design
Description: Child theme for Divi by Elegant Themes
Author: Leslie Bernal
Author URI: https://agirlandhermac.design
Template:     Divi
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  divi-child
*/


@import url(https://fonts.googleapis.com/css?family=Rochester);


/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/

/* header font - remove this to use divi theme customize fonts instead */
	h1, h2, h3, h4, h5, h6 {font-family: 'Rochester', cursive, serif!important;}


/*------------------------------------------------*/
/*--------------------[COLORS]--------------------*/
/*------------------------------------------------*/

/* main header */  #main-header {-webkit-box-shadow: none; box-shadow: 0 0 0 10px rgba(235,234,230,0.4)!important;}
/* main header mobile */ @media only screen and (max-width: 980px){ #main-header, #main-header .et_mobile_menu {background-color: #ebeae6!important;}}
/* individual blog posts */ #main-content {background-color: #EBEAE6 !important;}
/* footer font color */ .footer-widget {color: #888888;}



/*------------------------------------------------*/
/*--------------------[MAIN]----------------------*/
/*------------------------------------------------*/


/*** TYPOGRAPHY AND HEADER ***/
 #logo {
     -webkit-transform: none;
}
 #top-menu li {
     padding-left: 25px;
     padding-right: 25px;
}
 .nav li ul {
     width: auto;
     border-top: none;
     box-shadow: none;
}
 #top-menu li li a {
     width: auto;
     padding: 4px 20px;
}
 #top-menu li li a:hover {
     background: rgba(0,0,0,0.0);
}
 #top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
     content: none;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Rochester', cursive, serif;
}
/* USING GOOGLE FONTS INTEGRATION */
 h1 {
     font-size: 300%;
}
 h2 {
     font-size: 250%;
}
 h3 {
     font-size: 200%;
}
 h4 {
     font-size: 170%;
}
 h5 {
     font-size: 140%;
}
 h6 {
     font-size: 100%;
}
 #top-menu li li a:hover, .et_header_style_split #et-top-navigation nav > ul > li > a:hover, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a:hover {
     opacity: 1;
     color: #222 !important;
}

/*** PULLS EVERYTHING UP SO TOP OF RADIAL GRADIENT IS HIDDEN ***/
@media only screen and (max-width: 480px) {
#main-section {margin-top: -230px;}
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
#main-section {margin-top: -200px;}
}
@media only screen and (min-width: 601px) and (max-width: 720px) {
#main-section {margin-top: -33%;}
}
@media only screen and (min-width: 721px) and (max-width: 800px) {
#main-section {margin-top: -30%;}
}
@media only screen and (min-width: 801px) and (max-width: 966px) {
#main-section {margin-top: -20%;}
}
@media only screen and (min-width: 967px) and (max-width: 1999px) {
#main-section {margin-top: -550px;}
}
@media only screen and ( min-width: 2000px ) and ( max-width: 2199px ) { 
#main-section {margin-top: -25%;}
}
@media only screen and ( min-width: 2200px ) and ( max-width: 2499px ) { 
#main-section {margin-top: -20%;}
}
@media only screen and ( min-width: 2500px ) and (max-width: 2999px) { 
#main-section {margin-top: -17%;}
}
@media only screen and ( min-width: 3000px ) {
#main-section {margin-top: -15%;}
}

/*** TABLET LANDSCAPE ***/
 @media (min-device-width: 768px) and (max-device-width: 1279px) and (orientation: landscape) {
     #lg-square-slider .et_pb_slider .et_pb_slide, #lg-square-slider .et_pb_slides, #lg-square-slider .et_pb_slide {
         height: 518px !important;
    }
}

/*** TABLET PORTRAIT ***/
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) and (-webkit-min-device-pixel-ratio: 1) {
     .et-hide-mobile {
         display: none;
    }
     #portfolio-slider .et_pb_slider .et_pb_slide, #portfolio-slider .et_pb_slides, #portfolio-slider .et_pb_slide {
         height: 400px !important;
    }
}
/*** HOMEPAGE SLIDERS ***/
 #widest-slider .et_pb_slider .et_pb_slide, #widest-slider .et_pb_slides, #widest-slider .et_pb_slide {
     height: 250px;
     border-top-left-radius: 2em;
}
 #half-wide-radius .et_pb_slider .et_pb_slide, #half-wide-radius .et_pb_slides, #half-wide-radius .et_pb_slide {
     height: 250px;
     border-bottom-right-radius: 2em;
}
 #sm-square-slider .et_pb_slider .et_pb_slide, #sm-square-slider .et_pb_slides, #sm-square-slider .et_pb_slide {
     height: 250px;
     border-top-right-radius: 2em;
}
 #lg-square-slider .et_pb_slider .et_pb_slide, #lg-square-slider .et_pb_slides, #lg-square-slider .et_pb_slide {
     height: 526px;
     border-bottom-left-radius: 2em;
}
 #half-wide-noradius .et_pb_slider .et_pb_slide, #half-wide-noradius .et_pb_slides, #half-wide-noradius .et_pb_slide {
     height: 250px;
}
 @media only screen and (max-width: 980px) {
     #widest-slider .et_pb_slider .et_pb_slide, #widest-slider .et_pb_slides, #widest-slider .et_pb_slide, #sm-square-slider .et_pb_slider .et_pb_slide, #sm-square-slider .et_pb_slides, #sm-square-slider .et_pb_slide, #half-wide-noradius .et_pb_slider .et_pb_slide, #half-wide-noradius .et_pb_slides, #half-wide-noradius .et_pb_slide, #lg-square-slider .et_pb_slider .et_pb_slide, #lg-square-slider .et_pb_slides, #lg-square-slider .et_pb_slide, #half-wide-radius .et_pb_slider .et_pb_slide, #half-wide-radius .et_pb_slides, #half-wide-radius .et_pb_slide {
         border-radius: 2em;
    }
     #lg-square-slider .et_pb_slider .et_pb_slide, #lg-square-slider .et_pb_slides, #lg-square-slider .et_pb_slide {
         max-height: 250px !important;
         border-radius: 2em;
    }
     #lg-square-slider {
         padding-bottom: 30px !important;
    }
}
/*** SLIDER STUFF ***/
 .et-pb-controllers a {
     width: 10px;
     height: 10px;
}
 .et-pb-arrow-prev, .et-pb-arrow-next {
     background: rgba(255,255,255,0.5);
}
/*** SPECIAL GRADIENT HEADER ***/
 #gradient-header {
     height: 675px;
     background: -webkit-radial-gradient(50% 40%, closest-corner,rgba(235,234,230,0.1),rgba(235,234,230,0.2),rgba(235,234,230,0.4),rgba(235,234,230,0.6),rgba(235,234,230,0.7),rgba(235,234,230,0.8),rgba(235,234,230,0.95),rgba(235,234,230,1));
    /* Safari 5.1 to 6.0 */
     background: -o-radial-gradient(50% 40%, closest-corner,rgba(235,234,230,0.1),rgba(235,234,230,0.2),rgba(235,234,230,0.4),rgba(235,234,230,0.6),rgba(235,234,230,0.7),rgba(235,234,230,0.8),rgba(235,234,230,0.95),rgba(235,234,230,1));
    /* For Opera 11.6 to 12.0 */
     background: -moz-radial-gradient(50% 40%, closest-corner,rgba(235,234,230,0.1),rgba(235,234,230,0.2),rgba(235,234,230,0.4),rgba(235,234,230,0.6),rgba(235,234,230,0.7),rgba(235,234,230,0.8),rgba(235,234,230,0.95),rgba(235,234,230,1));
    /* For Firefox 3.6 to 15 */
     background: radial-gradient(closest-corner at 50% 40%,rgba(235,234,230,0.1),rgba(235,234,230,0.2),rgba(235,234,230,0.4),rgba(235,234,230,0.6),rgba(235,234,230,0.7),rgba(235,234,230,0.8),rgba(235,234,230,0.95),rgba(235,234,230,1));
    /* Standard syntax (must be last) */
}
/*** QUERIES FOR SPECIAL HEADER ***/
 @media only screen and (max-width: 980px) {
     #gradient-header {
         height: 250px;
    }
}
 #portfolio-slider .et_pb_slider .et_pb_slide, #portfolio-slider .et_pb_slides, #portfolio-slider .et_pb_slide {
     height: 650px;
     border-radius: 2em;
}
 @media only screen and (max-width: 980px) {
     #portfolio-slider .et_pb_slider .et_pb_slide, #portfolio-slider .et_pb_slides, #portfolio-slider .et_pb_slide {
         height: 250px;
    }
}
/*** BOX SHADOW ELEMENTS ***/
 #cta-box-shadow {
     box-shadow: 0 0 0 10px rgba(235,234,230,0.4);
}
 #cta-image-background {
     box-shadow: 0 0 0 10px rgba(255,255,255,0.3);
}
 blockquote {
     border-left: none;
     padding: 15px;
     margin: 40px;
     text-align: center;
     font-size: 135%;
     box-shadow: 0 0 0 10px rgba(255,255,255,0.4);
}
/*** BUTTON STUFF ***/
 .et_pb_button {
     width: 100%;
     line-height: 1.5em !important;
}
 .et_pb_promo_button et_pb_button {
     line-height: 1.3em;
}
/*** FOOTER AND FOOTER WIDGETS ***/
 #main-footer {
     box-shadow: 0 0 0 12px rgba(255,255,255,0.3)!important;
}
 #footer-info {
     display: none;
}
 .footer-widget h4 {
     font-size: 24px!important;
}
 .footer-widget {
     margin-bottom: 2% !important;
}
#footer-widgets .et_pb_widget {
     float: none;
     text-align: center;
     font-size: 14px;
     font-weight: 500;
     line-height: 1.5em;
}






/*** MOBILE MENU ***/

 /*updated for 2.6.2 */
	 @media only screen and (max-width: 980px) {
		.mobile_menu_bar::after {
    			font-family: Arial;
    			content: "MENU";
			position:fixed;
    			text-align: center !important;
    			font-weight: 700 !important;
    			left: 50%;
    			margin-right: -50%;
    			transform: translate(-50%, -50%);}

		.et_header_style_split .mobile_menu_bar {top: -10px;}
		.et_header_style_split #main-header {position: fixed!important;}
		.et_header_style_split #main-header .mobile_nav {padding: 0px 0px;}
		.et_header_style_split .mobile_nav .select_page {display: none;}
}
/*updated for 2.6.2 */


		.mobile_menu_bar::before {display:none;}
		#main-header .et_mobile_menu {background: rgba(235,234,230,1)!important;}

 .et_mobile_menu {
     border-top: none;
     box-shadow: none;
     margin-top: -33px;}

 .et_mobile_menu li a {
     text-align: center;
     text-transform: uppercase;
     padding: 7px 5%;
     border-bottom: none;}

 .et_mobile_menu li ul {
     margin-left: -20px !important;
     padding-left: 0px !important;}

 .et_mobile_menu .menu-item-has-children > a {
     background: rgba(0,0,0,0);
     font-weight: 300;}

 .et_mobile_menu .menu-item-has-children > a:before, .et_mobile_menu .menu-item-has-children > a:after {
     content: " - ";}






/*** SOCIAL FOLLOW ***/
 .et_pb_social_media_follow {
     display: table;
     margin: 0 auto !important;
}
 .et_pb_social_media_follow li a.icon::before {
     font-size: 24px;
     color: rgba(255,255,255,0.7);
}
 a.icon.circle {
     background-color: rgba(0,0,0,0) !important;
}


/*** CIRCLE TEXT WRAP IMAGE ***/
 #rounded-img img {
     float: left;
     width: 300px;
     height: 300px;
     border-radius: 50%;
     shape-outside: circle(50% at 125px 125px);
     shape-margin: 10px;
     margin-left: -50px;
     margin-top: -25px;
}
/* Safari 6.1+ */
 @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
     @media {
         #rounded-img img{
             border-radius: 1em;
        }
    }
}
 @-moz-document url-prefix() {
     #rounded-img img {
         width: 270px;
         height: 270px;
         border-radius: 1em !important;
    }
}
 @media only screen and ( max-width: 980px) {
     #rounded-img img {
         margin-left: 0px;
         margin-top: 0px;
         margin-bottom: 10px;
    }
}
/*** PHONE LANDSCAPE ***/
 @media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
     #logo {
         display: none;
    }
     #rounded-img img {
         border-radius: 1em !important;
         width: 200px;
         height: 200px;
         margin-left: -30px;
         margin-right: 15px;
         margin-bottom: 0px;
    }
     body {
         font-size: 14px !important;
    }
}
/*** BLOG COMMENTING ***/
 #commentform textarea, #commentform input[type="text"] {
     background: rgba(255,255,255,0.4);
}
 #form-allowed-tags {
     display: none;
}
/*** SIDEBAR ***/
 h4.widgettitle {
     font-size: 200%;
}
 .et_pb_widget_area_right {
     border-left: none;
}
.container::before { 
display:none; 
}
.et_pb_widget {
    float: left; text-align: center !important;
    max-width: 100%;
}
.et_pb_widget ul li {
margin-bottom: 0;
}
.et_pb_widget li a {
font-size: 16px;
font-weight: normal;
}
.et_pb_widget li a:hover {
color: #222;
}
.et_pb_widget_area_right { 
border-left:0; 
}
 .widget_search input#s, .widget_search input#searchsubmit {
     border: none;
}
 .widget_search #s {
     border-radius: 0px;
}
 input[type=text] {
     background: rgba(255,255,255,0.4);
}
 .widget_search #searchsubmit {
     background-color: rgba(0,0,0,0);
}
/*** BLOG GRID***/
 .et_pb_image_container {
     margin: 0;
}
 .et_pb_post .post-meta a:hover, .et_pb_post_title_0 .et_pb_title_container .et_pb_title_meta_container a:hover {
 color: #222 !important;
}
.et_pb_blog_grid .et_pb_post {border-color: rgba(0,0,0,0);}
/*** BLOG FULLWIDTH ***/
 @media all and (min-width: 768px) {
     .et_pb_posts img, .archive .post img, .category .post img, .search .post img, .blog .post img {
         float: left;
         margin-right: 1em;
    }
     .et_pb_posts article:after, .archive article:after, .category article:after, .search article:after, .blog article:after {
        /* Clear floated image */
         content: "";
         display: table;
         clear: both;
    }
}
 .et_pb_posts a.more-link {
     display: block;
     width: 130px;
     text-transform: uppercase;
     font-size: 15px;
     letter-spacing: 1px;
     text-align: center;
     padding: 5px;
     border: 1px solid #999;
     margin: 5px auto;
}
 a.more-link {
     color: #333 !important;
}
 .et_pb_posts a.more-link:hover {
     background: rgba(255,255,255,0.4);
     border-color: rgba(0,0,0,0);
}
/*** Contact form 7 styling ***/
 .wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
     background-color: rgba(0,0,0,0) !important;
     border-top: none !important;
     border-left: none !important;
     border-right: none !important;
     border-bottom: 1px solid #999 !important;
     width: 100% !important;
     -moz-border-radius: 0 !important;
     -webkit-border-radius: 0 !important;
     border-radius: 0 !important;
     font-size: 15px;
     font-weight: 500;
     color: #666 !important;
     padding: 16px !important;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .wpcf7-submit {
     width: 100%;
     color: #666 !important;
     margin: 8px auto 0;
     cursor: pointer;
     font-size: 17px;
     font-family: 'Raleway';
     letter-spacing: 3px;
     text-transform: uppercase;
     font-weight: 300;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-radius: 0px;
     border-color: #999 !important;
     padding: 6px 20px;
     line-height: 1.7em;
     background: transparent;
     border: 1px solid;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -moz-transition: all 0.2s;
     -webkit-transition: all 0.2s;
     transition: all 0.2s;
}
 .wpcf7-submit:hover {
     background-color: rgba(255,255,255,0.4);
     border-color: rgba(0,0,0,0) !important;
     padding: 6px 20px !important;
}
 div.wpcf7-mail-sent-ok {
     border: none !important;
}
/*** DIVI CONTACT FORM ***/
 .et_pb_contact p input, .et_pb_contact p textarea {
     border-bottom: 1px solid #999;
}
 .et_pb_contact_message {
     min-height: 250px;
}
/*** BACK TO TOP ***/
 .et_pb_scroll_top:before {
    content: "!";
}
 .et_pb_scroll_top.et-visible {
     border-radius: 0px;
     border: 1px solid #999;
     color: #999;
     background: transparent;
}
 .et_pb_scroll_top.et-pb-icon {
     right: 10px;
     color: #999;
     bottom: 50%;
     background: transparent;
     border: 1px solid #999;
     border-radius: 0px;
}
 @media only screen and (max-width: 980px) {
     .et_pb_scroll_top.et-visible {
        display: none !important;
    }
     .et_pb_scroll_top.et-pb-icon {
        display: none !important;
    }
}
@media only screen and (min-width: 980px) {
#top-menu li.centered-inline-logo-wrap {
width: 160.525px !important;
}
}
@media only screen and (min-width: 980px) {
.et_hide_fixed_logo #main-header.et-fixed-header .centered-inline-logo-wrap {
width: 0px !important;
}
}
/*** MONARCH ***/
.et_monarch .et_pb_section .et_social_inline_bottom {margin-bottom: 0px;}
.et_monarch .et_social_networks span.et_social_overlay {background-color: rgba(0,0,0,0.03);}

/** MY STUFF **/