/*
Divi Module Editor by Gritty Social
Version: 1.0
Template: Divi
*/

@import url("../Divi/style.css");

/*** Side blogs ***/

#db01.et_pb_posts .hentry  p {
display: none; 
} 

#db01.et_pb_posts .hentry  h3 {
display: none; 
} 

#db01.et_pb_posts .hentry  li {
display: none; 
} 

#db01.et_pb_posts .hentry > h2 a {
font-size: 0.9em ; 
color: rgba(48,48,48,1); 
} 

#db01.et_pb_posts .hentry > h2 {
margin-top: 10px; 
} 

#db01.et_pb_posts .hentry  {
margin-bottom: 20px; 
} 

@media only screen and ( min-width: 1100px ) { 
    #db01.et_pb_posts .hentry  img:not(.wp-smiley) {
    width: 35%; 
    height: auto; 
    display: block;
    } 
}



@media only screen and ( min-width: 1100px ) { 
    #db01.et_pb_posts .hentry > h2 {
    width: 60%; 
    margin-left: 40%; 
    position: relative; 
    top: -76px; 
    } 
}

@media only screen and ( min-width: 1100px ) { 
    #db01.et_pb_posts .hentry  {
    height: 90px; 
    } 
}

/**** Grid Module Clean white with drop shadow ****/

@media only screen and ( min-width: 768px ) {
    #db02.et_pb_blog_grid .hentry  img:not(.wp-smiley) {
       width: 300px ; 
       padding-left: 10px ; 
       position: relative ; 
       top: 10px ; 
    } 
}



@media only screen and ( min-width: 768px ) {
       #db02.et_pb_blog_grid .hentry .more-link {
       float: right ; 
       margin-top: 24px ; 
       background-color: rgba(221,221,221,1) ; 
       padding-top: 4px ; 
       padding-bottom: 4px ; 
       padding-right: 8px ; 
       padding-left: 8px ; 
       color: rgba(160,160,160,1) ; 
       text-transform: uppercase ; 
       border-width: 1px ; 
       border-style: solid ; 
    } 
}



@media only screen and ( min-width: 768px ) {
       #db02.et_pb_blog_grid .hentry  {
       border-width: 0px ; 
       box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px ; 
    } 
}

/***** Grid blog curved edges and curved read more button ****/

#db03.et_pb_blog_grid .hentry  {
       border-radius: 12px ; 
    } 

#db03.et_pb_blog_grid .hentry  img:not(.wp-smiley) {
       border-radius: 0px ; 
       border-top-left-radius: 15px ; 
       border-top-right-radius: 15px ; 
    } 

#db03.et_pb_blog_grid .hentry .more-link {
       background-color: #d7d7d7 ; 
       display: inline-block ; 
       padding-right: 10px ; 
       padding-top: 4px ; 
       padding-bottom: 4px ; 
       padding-left: 10px ; 
       border-radius: 15px ; 
       float: right ; 
       margin-top: 34px ; 
       margin-right: 0px ; 
       position: relative ; 
       left: 0px ; 
       color: #303030 ; 
    } 

#db03.et_pb_blog_grid .hentry .more-link:active {
       position: relative ; 
       left: 0px ; 
       top: -20px ; 
    } 

@media screen and (min-width: 0px) and (max-width: 480px) { #db03.et_pb_blog_grid .hentry  img:not(.wp-smiley) {   border-bottom-right-radius: 15px; }  }  
@media screen and (min-width: 0px) and (max-width: 480px) { #db03.et_pb_blog_grid .hentry  img:not(.wp-smiley) {   border-bottom-left-radius: 15px; }  }  

/**** Full width Slider ***/

#db04.et_pb_slider .et_pb_container {
       height: 100vh; 
    } 

#db04.et_pb_slider .et_pb_slide_description {
       padding-top: calc(50vh - 120px); 
    } 

/**** Borderless Tabs (grey curved active tab)****/

#db05.et_pb_tabs .et_pb_tabs_controls {
       border-width: 0px ; 
       background-color: transparent ; 
    } 



#db05.et_pb_tabs .et_pb_all_tabs  {
       border-width: 0px ; 
       border-style: solid ; 
    } 

#db05.et_pb_tabs .et_pb_tabs_controls li {
       border-width: 0px ; 
    } 

#db05.et_pb_tabs {
       border-width: 0px ; 
    } 

#db05.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a {
       background-color: #dddddd; 
       padding-top: 5px ; 
       padding-bottom: 5px ; 
       padding-right: 15px ; 
       padding-left: 15px ; 
       border-radius: 15px ; 
    } 

/**** greyscale map that turns to colour on hover***/

#db06 {
       -webkit-filter: grayscale(1); 
       -moz-filter: grayscale(1); 
        -ms-filter: grayscale(1); 
         -o-filter: grayscale(1); 
            filter: grayscale(1); 
    } 



#db06:hover {
            -webkit-filter: grayscale(0.1); transition: .5s;
       -moz-filter: grayscale(0.1); transition: 1.5s;
        -ms-filter: grayscale(0.1); transition: 1.5s;
         -o-filter: grayscale(0.1); transition: 1.5s;
            filter: grayscale(0.1); transition: 1.5s;
    } 

/**** colour map that turns to grey on hover***/
#db07 {
       -webkit-filter: grayscale(0.1); 
       -moz-filter: grayscale(0.1); 
        -ms-filter: grayscale(0.1); 
         -o-filter: grayscale(0.1); 
            filter: grayscale(0.1); 
    } 

#db07:hover {
            -webkit-filter: grayscale(1); transition: .5s;
       -moz-filter: grayscale(1); transition: 1.5s;
        -ms-filter: grayscale(1); transition: 1.5s;
         -o-filter: grayscale(1); transition: 1.5s;
            filter: grayscale(1); transition: 1.5s;
    } 

/**** subscribe curved edge****/

#db08.et_pb_newsletter {
border-radius: 10px; 
} 

/**** subscribe drop shadow****/

#db08.et_pb_newsletter {
       box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px; 
}

/*** Image centered in image module ***/

#db09.et_pb_image {
display: block;
margin-left: auto;
margin-right: auto;
}

/****** rotating sideways blurb images *****/

#db11.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon:hover {
       transform: rotateY(360deg); 
       transition: .8s; 
    } 

/****** rotating longways blurb images *****/

#db12.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon:hover {
       transform: rotateX(360deg) ; 
       transition: .8s; 
    } 

/***** reduce padding by 50% ****/

#db13.et_pb_section {
       padding-top: 25px; 
       padding-bottom: 25px; 
    } 

/***** Module CSS ******/

.editor-logo {
width: calc(100% - 20px);
}

.editor-intro {
width: calc(100% - 40px);
padding: 10px;
padding-bottom: 30px !important; 
color: #303030; 
font-size: 18px; 
margin-bottom: 20px;
} 

.editor-intro h1 {
color: #303030;
}

.editor-intro a {
color: rgba(153,153,153,1) ; 
font-size: 18px ; 
font-weight: bold ; 
}

.tocopy {
display: inline-block;
max-width: 400px;
max-height: auto;
margin: 20px;
box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 4px ; 
} 

.editor-sec {
width: 900px;
display: block;
margin-left: auto;
margin-right: auto;
}