/*
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_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;
}