/*
 Theme Name:     Leech Group (Divi Child Theme)
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Leech Printing
 Author URI:     https://leechprint.com/
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/* CHANGE MOBILE NAV BREAKPOINT */

@media only screen and ( max-width: 1450px ) { /* Change this number to modify breakpoint width */
    #top-menu-nav, #top-menu {display: none;}
    #et_top_search {display: none;}
    #et_mobile_nav_menu {display: block;}
	.et_fixed_nav #main-header{position: absolute;}
}

/* decrease left and right padding on main menu items */
#top-menu li li {
    padding: 0 10px;
    margin: 0;
}

/* increase width of main menu dropdowns from default of 240px */
.nav li ul {
    width: 360px;
}

/* increase width of main menu dropdowns items from default of 200px */
#top-menu li li a {
    width: 320px;
}

/* REMOVE DROP SHADOW ON PAGE HEADER 

#main-header {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
*/

#main-header {
    box-shadow: 0 5px 5px rgba(0,0,0,.05);
}

/* INCREASE TOP MARGIN ON TOP BAR */

#et-secondary-menu {
   margin-top: 20px;
}


/* TOP MENU BUTTON */

.lgButton a {
    padding: 10px 20px;
    background-color: #E6DE77; /* yellow */
    color: #FFFFFF !important;
    border-radius: 5px;
}


/* TYPOGRAPHY */

.lgMainPageFeatures h1 {
    margin-bottom: 30px;
    padding-bottom: 0;
}

.lgMainContent h1,
.lgMainContent h2,
.lgMainContent h3,
.lgMainContent h4 {
    margin-bottom: 10px;   
}



/* GRAVITY FORMS */

/* formatting for input fields */

.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select {
    background-color: #EEEEEE;
    border: none;
    border-radius: 5px;
    padding: 10px;
}

.gform_button {
	background-color: #63B1BC !important; /* teal */
	padding: 10px 15px;
	color: #FFFFFF;
	border: none;
    border-radius: 5px;
}

	.gform_button:hover {
		background-color: #E6DE77 !important; /* yellow */
	}

.gform_wrapper h3.gsection_title {
    margin-top: 35px !important;
    border-bottom: 1px solid #63B1BC;
}

.gform_wrapper.gravity-theme .gsection {
    border: none;   
}


/* COLUMN ORDERING */

@media all and (max-width: 980px) {
    
    /*** wrap row in a flex box ***/
    .custom_row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        flex-wrap: wrap;
    }

    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile {
        -webkit-order: 1;
        order: 1;
    }

    .second-on-mobile {
        -webkit-order: 2;
        order: 2;
    }

    .third-on-mobile {
        -webkit-order: 3;
        order: 3;
    }

    .fourth-on-mobile {
        -webkit-order: 4;
        order: 4;
    }
    
    /*** add margin to last column ***/
    .custom_row:last-child .et_pb_column:last-child {
        margin-bottom: 30px;
    }
 
}


/* SIDEBAR MENUS */

.lgSidebar {
	width: 100%;	
}

    .lgSidebar h4 {
        font-weight: bold;
        margin-bottom: 10px;    
    }

	.lgSidebar li {
		margin-bottom: 5px;
	}

		.lgSidebar li a {
			display: block;
			color: #63B1BC !important; /* teal */
			padding: 2px 0;
		}

			.lgSidebar li a::before {
				font-family: "Font Awesome 5 Free"; 
				font-weight: 900; 
				content: "\f0a9";
				padding-right: 8px;
			}

			.lgSidebar li a:hover,
			.lgSidebar li.current-menu-item a {
		        color: #071D49 !important; /* blue */
			}

				.lgSidebar li a:hover::before,
				.lgSidebar li.current-menu-item a::before {
					font-family: "Font Awesome 5 Free"; 
					font-weight: 900; 
					content: "\f0a9";
					padding-right: 8px;
					color: #071D49; /* blue */
				}


/* FEATURED SERVICES */

.lgFeaturedServices h4 {
    margin-bottom: 5px;
    padding-bottom: 0;
}

.lgFeaturedServices ul {
    margin-bottom: 0;
    padding-bottom: 0;
}


/* BRIEFS */

.briefsWrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 2rem;
}

    .briefsWrapper > div.brief {
        padding: 0;
        display: grid;
        align-self: start;
		transition: transform 0.3s ease-in-out;
        /* box-shadow: 0 0 20px 0 #DDDDDD; */
  }

        .briefsWrapper > div.brief::before,
        .briefsWrapper > div.brief > img {
            grid-area: 1 / 1 / 2 / 2;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

    .briefsWrapper a:hover img {
        filter: opacity(85%);
    }
    
    .briefsWrapper .tagArea {
        position: absolute;
        top: -20px;
        left: 20px;
        padding: 7px 15px;
        background: #F57F26;
        color: #FFFFFF;
        z-index: 1000;
    }

    .briefsWrapper .contentArea {
        margin: 0;
        padding: 25px 10px 10px 10px;
        background: #FFFFFF;
    }

    .briefsWrapper h5 {
        margin-bottom: 3px;
        color: #c9af3b; /* gold */
    }

    .briefsWrapper a h2 {
        margin-bottom: 15px;
        color: #63B1BC; /* teal */
    }

        .briefsWrapper a:hover h2 {
            margin-bottom: 20px;
            color: #071D49; /* blue */
        }
/* List View ---- Home Page*/

.briefsWrapper.lg-blog-list {
    grid-template-columns: 48% 48%;
	gap: 4%;
}

.briefsWrapper.lg-blog-list img{
	border-radius: 0px;
	width: 100%;       
	height: 12vw;    
	object-fit: cover; 
	object-position: center;
	margin-bottom:-10px;
}

.brief.lg-blog-list{
	
	/*border-bottom: 1px solid #eee;*/
}
.brief:hover{
	transform: scale(103%);
}
.brief.lg-blog-list:last-child{
	border-bottom: 0px solid #eee;
}
.contentArea.lg-blog-list {
	padding: 20px;
	background: #f7f7f7;
}
.briefsWrapper .contentArea.lg-blog-list a h2 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 0px;
}
.briefsWrapper .contentArea.lg-blog-list .articleType{
	font-size:13px;
}


/* Grid View ---- Home Page*/
 .briefsWrapper.grid {
    grid-template-columns: auto;
}
.brief.grid .contentArea{
	position:absolute;
	bottom:0;
	background: #071d49d4;
	padding:30px;
}
.briefsWrapper .contentArea.grid a h2,.briefsWrapper .contentArea.grid p {
	color:#fff;
} 
.briefsWrapper .contentArea.grid p {
	font-size: 15px;
} 
.briefsWrapper .contentArea.grid a h2 {
	font-size: 22px;
	margin-bottom: 5px;
}
.briefsWrapper .contentArea.grid .articleType{
	color:#071D49;
}


/* LISTINGS */

.listingsWrapper {
}

    .lgMainContent .listingsWrapper .brief h3 {
        margin-bottom: 0 !important;
        padding-bottom: 0;
    }

    .listingsWrapper .brief {
        margin-bottom: 25px;    
    }

    .listingsWrapper a:hover img {
        filter: opacity(85%);
    }
    
    .listingsWrapper .contentArea a {
        display: block;
    }


        
/* ARTICLES */

.articleWrapper {
    
}

    .articleWrapper .heading {
        float: left;
        width: 100%;
        margin-bottom: 40px;
    }    

        .articleWrapper .heading .articleTitle {
            float: right;
        }

            .articleWrapper .heading span.articleType {
                padding: 5px 10px;
                margin-right: 10px;
                color: #FFF;
                border-radius: 3px;
            }

            .articleWrapper .heading h2 {
                margin-bottom: 15px;    
            }


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

        .articleWrapper .heading .featuredImage {
            width: 33%;
            margin-right: 7%;
        }

        .articleWrapper .heading .articleTitle {
            width: 60%;
        }
        
}


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

        .articleWrapper .heading .featuredImage {
            width: 100%;
            margin-bottom: 15px;
        }

        .articleWrapper .heading .articleTitle {
            width: 100%;
            margin-bottom: 15px;
        }

}


/* GRAVITY FORMS - HOLIDAY CARDS ORDER FORM */

.holidayCardOrderForm .holidayCard li label {   /* add a gap between rows of cards */
	margin-top: 20px !important;
}

.holidayCardOrderForm .hideradio input[type="radio"] {   /* remove the radio button beside the card images */
	display: none !important;
}

.holidayCardOrderForm .hideradio input[type="radio"]:checked + label {  /* add a border to the selected card */
	border: solid #CCCCCC 5px;
	padding: 5px; 
}

.holidayCardOrderForm img {
    border: 1px solid #DDDDDD;
}