/*
 Theme Name:   Girardet Theme
 Theme URI:    http://divi.space/
 Description:  A Child Theme built for Divi on Divi Space
 Author:       Grace studio
 Author URI:   grace-studio.net
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/



/*----- Custom Fonts ----- */
function divi_custom_fonts() {
wp_dequeue_style( "divi-fonts" );
wp_deregister_style( 'divi-fonts' );
wp_enqueue_style('google-fonts', 'https://fonts.googleapis.com/css?family=Niconne|Corben|Fredericka+the+Great');
}

body {
    font-family: 'Corben', cursive;
    font-size: 16px; font-weight: 400;
    color: #000;
}

h1 {
    font-family: 'Fredericka the Great', cursive;
    font-size: 30px;
}

h2 {
    font-family: 'Fredericka the Great', cursive;
    font-size: 24px;
}

#gallery-textbox {font-family: 'Corben', cursive; font-size: 16px;
}


/*------Logo Placement & Header-----------*/
#logo {height: 100px; padding-top: 10px;
}

.et_header_style_split .centered-inline-logo-wrap #logo { margin-top: 25px; margin-bottom: 20px; 
max-height: 120px !important; z-index: 100000;
}
li.centered-inline-logo-wrap {
height: 100% !important; width: auto !important; z-index: 100000;
}
#top-menu li { min-width: 110px; }

/*------------Letterbox Blog Styling---------*/
/*Styling for the left hand posts*/
	.ds-letterbox-left .et_pb_post { 
	background-color: ; 	
} 
/*Styling for the right hand posts*/
.ds-letterbox-right .et_pb_post { 
	background-color: #fff; 
	min-height: 140px; 
	margin-top: 0; 
	margin-bottom: 34px; 
} 

/*Sets the featured image size for the left hand posts*/
.ds-letterbox-left .et_pb_post a img { 
width: 400px; 
height: 400px; 
object-fit: cover; 
} 
/*Sets the image size for the right hand posts and moves it to the left of the text*/
.ds-letterbox-right .et_pb_post a img { 
float: left; 
width: 100px; 
height: 100px; 
object-fit: cover; 
margin: 0 20px 20px 0; 
}
/*This hides the excerpt for the right hand posts*/
.ds-letterbox-right.et_pb_bg_layout_light .et_pb_post p { 
display: ; 
} 
/*This brings back just the meta data which was hidden as part of the paragraph text in the above section of CSS*/
.ds-letterbox-left .post-meta, .ds-letterbox-right .post-meta { 
padding-bottom: 10px !important; 
display: block !important; 
} 
/*This adds the box shadow to the posts*/
.ds-letterbox-left .et_pb_post, .ds-letterbox-right .et_pb_post { 
padding: 20px; 
-webkit-box-shadow: 6px 7px 5px -6px rgba(0,0,0,0.75); 
-moz-box-shadow: 6px 7px 5px -6px rgba(0,0,0,0.75); 
box-shadow: 6px 7px 5px -6px rgba(0,0,0,0.75); 
}
/*Add a little top margin to the right hand post titles*/
.ds-letterbox-right h2 { 
margin-top: 20px; 
} 
/*This styles the read more link on the left hand posts*/
.ds-letterbox-left a.more-link { 
border: 1px solid #000; 
padding: 10px !important; 
margin-top: 20px !important; 
color: #000; 
max-width: 200px; 
} 
/*This styles the read more link on hover*/
.ds-letterbox-left a.more-link:hover { 
border: 1px solid #fff; 
color: #fff; 
background: #232d4d; 
} 
/*This adds the double arrow icon to the read more link*/
.ds-letterbox-left a.more-link:after { 
font-family: 'ETmodules';
content: "\39";
color: #232d4d;
margin-left: 5px;
vertical-align: middle;
} 
/*This styles the double arrow on hover*/
.ds-letterbox-left a.more-link:hover:after { 
color: #fff;
}
/*This styles the post pagination links*/
.pagination a{ 
background: #fff; 
color: #000; 
padding: 10px; 
margin-top: 30px !important; 
-webkit-box-shadow: 6px 7px 5px -6px rgba(0,0,0,0.75); 
-moz-box-shadow: 6px 7px 5px -6px rgba(0,0,0,0.75); 
box-shadow: 6px 7px 5px -6px rgba(0,0,0,0.75); 
} 
/*This styles the post pagination links on hover*/
.pagination a:hover { 
background: #000; 
color: #fff; 
} 
/*-----Correct margin overhang on some posts--------*/
.et_pb_post {margin-bottom: 0px;
}


/*-----------Other Blog settings---------*/

#blogpost-section.et_pb_section.et_pb_section_0.et_section_regular {padding-top: 50px;
}
.single .et_post_meta_wrapper > img {width: auto;
}

.et_post_meta_wrapper p.post-meta {display: none;
}
#comment-wrap {display: none;
}


/*------Gallery---------*/

h3.et_pb_gallery_title {text-align: center;
}
p.et_pb_gallery_caption {padding-left: 10px;
}

/*-----------Store Location Page----------*/

#store-locator-map {padding: 40px; 
}
/*----Font Size for Map Titles------*/
.gm-style-iw h3{
font-size:14px !important;
}
/*-------Footer----------*/

#main-footer {opacity: 0.85;
}
/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/


/*-------------------[320px to 360px]------------------*/

@media only screen and (min-width: 320px )and ( max-width: 360px ) {
.et_pb_row.et_pb_row_0 {padding: 20px;
}
h2 {font-size: 18px;
}
}

/*-------------------[768px and below---------------*/
@media only screen and ( max-width: 768px ) {
.et_pb_section {margin-top: 50px;
}

}


/*-------------------[800px and below]------------------*/
@media only screen and ( max-width: 800px ) {


#gallery-textbox {display: none;
}
#gallery-top-row {margin-top: 180px !important;
}
#main-header {margin-bottom: 50px;
}
}

/*-------------------[768px to 980px]------------------*/
@media only screen and (min-width: 768px) and ( max-width: 980px ) {

#gallery-textbox {margin-top: 180px !important;
}

}

/*-------------------[980px and below]------------------*/
@media only screen and ( max-width: 980px ) {


#et_mobile_nav_menu span.select_page  {display: none; 
}
.et_header_style_split #main-header .mobile_nav {background-color: transparent !important;
}
#main-header {height:90px !important;
}

#et-top-navigation {margin-top: -90px;
}
#logo {min-height: 200px; min-width: 150px !important;
}


h2.entry-title {font-size: 36px;
}
.et_pb_posts {margin-top: 80px;
}
.et_post_meta_wrapper {margin-top: 25px;
}

}


/*-------------------[960px]------------------*/
@media only screen and ( min-width: 980px ) {


}

/*-------------------[1024px]------------------*/
@media only screen and (max-width: 1024px) { 

#main-header {height:110px !important;
}
#top-menu li { min-width: 90px; 
}

.ds-letterbox-left .et_pb_post a img {
height: auto;
object-fit: contain;
width: auto;
margin-right: 15px;
}
}

/*-------------------[1280px]------------------*/
@media only screen and (min-width: 1280px)  {

#main-header {height:110px !important;
}
}
/*--------------[1920px]-----*/

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

#main-header {height:110px !important;
}
}

/*--------------[1920px and below]-----*/

@media only screen and  (max-width: 1920px ) {
img.wpurp-recipe-image {height: auto;
object-fit: contain;
width: auto;
}
}


/*--------- Target Firefox only------- */

@-moz-document url-prefix() { 

		
}