/*
 Theme Name:     Digital Rain
 Author:         Digital Rain Agency
 Author URI:     http://digitalrainagency.com
 Template:       Divi
 Version:        1.0
*/


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

/* ----------- Khmer Text BEGIN --------------------------- */
@import 'https://fonts.googleapis.com/css?family=Battambang';


/* Adding the Google Battambang Khmer Font */

@font-face {
    font-family: 'Battambang';
    font-weight: 300;
    font-style: normal;
}

body.locale_km {
  font-family: 'Battambang';
}

body.locale_km h1, body.locale_km h2,
body.locale_km h3, body.locale_km h4,
body.locale_km h5, body.locale_km h6,
body.locale_km a, body.locale_km p {
    font-family: 'Battambang' !important;
}

h4 {
    font-size: 34px !important;
    color: #f0692e !important;
    }

h6 {
    font-size: 14px !important;
    color: #666666 !important;
    }

/* ----------- Khmer Text END --------------------------- */

@font-face {
	font-family: 'HelveticaNeu';
	src: url('Fonts/HelveticaNeueLTStd-Bd.otf');
/* //	src: url('Fonts/HelveticaNeueLTStd-Bd.otf?#iefix') format('embedded-opentype'); */
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Bold';
	src: url('Fonts/Roboto-Bold.ttf');
/* //	src: url('Fonts/Roboto-Bold.ttf?#iefix') format('embedded-opentype'); */
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Italic';
	src: url('Fonts/Roboto-Italic.ttf');
/* //	src: url('Fonts/Roboto-Italic.ttf?#iefix') format('embedded-opentype'); */
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'WorkSans-Bold';
	src: url('Fonts/WorkSans-Bold.ttf');
/* //	src: url('Fonts/WorkSans-Bold.ttf?#iefix') format('embedded-opentype'); */
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'WorkSans-ExtraBold';
	src: url('Fonts/WorkSans-ExtraBold.ttf');
/* //	src: url('Fonts/WorkSans-ExtraBold.ttf?#iefix') format('embedded-opentype');
//	font-weight: 300;
//	font-style: normal; */
}
@font-face {
	font-family: 'WorkSans-Regular';
	src: url('Fonts/WorkSans-Regular.ttf');
/* //	src: url('Fonts/WorkSans-Regular.ttf?#iefix') format('embedded-opentype');
//	font-weight: 300;
// 	font-style: normal; */
}
@font-face {
	font-family: 'WorkSans-SemiBold';
	src: url('Fonts/WorkSans-SemiBold.ttf');
/* //	src: url('Fonts/WorkSans-SemiBold.ttf?#iefix') format('embedded-opentype'); */
	font-weight: 300;
	font-style: normal;
}
/*---------- [Font Styling] ----------*/
h1 {
    font-family: WorkSans-ExtraBold !important;
    font-size: 75px;
    color: #CCCCCC !important;
}

h2 {
    font-family: WorkSans-Bold;
    font-size: 13px !important;
    text-transform: uppercase;
}

h3 {
    font-family: WorkSans-SemiBold !important;
    font-size: 14px !important;
    line-height: 1em;
}

h4 {
    font-family: WorkSans-ExtraBold;
    font-size: 53px;
}

h5 {
    font-family: WorkSans-ExtraBold;
    font-size: 35px;
}

 h6 {
    font-family: WorkSans-ExtraBold;
    font-size: 17px;
    line-height: 1.4em;
}

body {
    font-family: WorkSans-Regular !important;
    font-size: 16px;
    line-height: 1.4em;
    color: #333333;
}

p {
    font-family: WorkSans-Regular !important;
    font-size: 16px;
    line-height: 1.4em;
    color: #333333;
}


.et_pb_button_0 {
    font-family: WorkSans-SemiBold !important;
    font-size: 13px !important;
}
.et_pb_button_1 {
    font-family: WorkSans-SemiBold !important;
    font-size: 13px !important;
}
.et_pb_button_2 {
    font-family: WorkSans-SemiBold !important;
    font-size: 13px !important;
}
.et_pb_button_3{
    font-family: WorkSans-SemiBold !important;
    font-size: 13px !important;
}
.et_pb_button {
    font-family: WorkSans-SemiBold !important;
    font-size: 13px !important;
}

.button-columns {
    float: left;
    width:25% !important;
    margin-right: 20px !important;
}

.homemage-blog {
    margin: 5px !important;
}
 .et_pb_number_counter .percent p {
    font-family: WorkSans-ExtraBold !important;
    font-size: 75px !important;
}

.et_pb_bg_layout_light .et_pb_post p {
 font-family: WorkSans-Regular !important;
    font-size: 12px !important;
    line-height: 1.4em;
    color: #333333;
}

.et_pb_bg_layout_light .et_pb_post .entry-title {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.et_pb_bg_layout_light .et_pb_post .post-meta {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.et_pb_bg_layout_light .et_pb_post .post-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.project-subpage-photo {width: 47% !important; float: left;}

.project-subpage-button {
    width: 47% !important; float: right;
    margin-top: 15px;
    margin-bottom: 15px;
}


/*----end of stuff ----- */
.hover-base img.mouse-hovered {
	-webkit-filter: grayscale(100%);
	-webkit-transition: .5s ease-in-out;
	-moz-filter: grayscale(100%);
	-moz-transition: .5s ease-in-out;
	-o-filter: grayscale(100%);
	-o-transition: .5s ease-in-out;
}

.hover-image {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100000;
}

form #footer-contact input, form #footer-contact textarea {
	width: 100%;
}
/** -----------
 * Custom style 
 */
.page-id-9026 .et_pb_promo_button {
    width: 80% !important;    
}

.et_pb_button::after {
    font-size: 25px !important;
}


/*----contact form 7 styling ----- */
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
	background-color: #fff !important;
	border: none !important;
	width: 100% !important;
  margin-bottom: 5px !important;
	-moz-border-radius: 1 !important;
	-webkit-border-radius: 1 !important;
	border-radius: 1px !important;
	font-size: 14px;
	color: #999 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.wpcf7-submit {
	color: #ffffff !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding: 6px 20px;
	line-height: 1.7em;
	background: #11568C;
    border: 2px 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: #eee;
	border-color:#eee;
	padding: 6px 20px !important;
}
label#contact-box-footer {
	font-size: 11px;
	color: #11568C;
}


/**
 * header section
 */
#main-header .container.et_menu_container {
     margin-right: 0%;
     margin-left: 0%;
     width: 100% !important;
     max-width: 100% !important;
     padding: 0px 25px !important;
}

#top-menu li:lang(fr) {
    padding-right: 12px !important;

}

#top-menu .menu-item-has-children > a:first-child:lang(fr),
#et-secondary-nav .menu-item-has-children > a:first-child:lang(fr)
{
    padding-right: 12px !important;
}

/**
 * Footer Section
 */

#footer-info {
    padding: 15px 0px;
}

#footer .wpcf7-submit {
    position: relative;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #11568C;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    font-weight: bold;
}

#footer .wpcf7-submit:hover {
    border: 2px solid #11568C;
    opacity: .9;
}




/**
 * Media Query Style
 */

 @media (min-width: 768px) and (max-width: 1024px) {

     .logo_container #logo { max-height: 44% !important;  }

     #wp_access_helper_container .button {
         display: none !important;
         opacity: 0 !important;
     }

     #et_mobile_nav_menu {
         display:block !important;
         margin-bottom:20px !important;
         margin-top:6px !important;
     }

     #top-menu-nav { display:none !important; }

     .et-fixed-header #et_mobile_nav_menu { margin-bottom:0 !important; }

 }

 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
     .logo_container #logo { max-height: 44% !important;  }

     #wp_access_helper_container .button {
         display: none !important;
         opacity: 0 !important;
     }

     #et_mobile_nav_menu {
         display:block !important;
         margin-bottom:20px !important;
         margin-top:6px !important;
     }

     #top-menu-nav { display:none !important; }

     .et-fixed-header #et_mobile_nav_menu { margin-bottom:0 !important; }

 }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .logo_container #logo { max-height: 44% !important;  }

    #wp_access_helper_container .button {
        display: none !important;
        opacity: 0 !important;
    }

    #et_mobile_nav_menu {
        display:block !important;
        margin-bottom:20px !important;
        margin-top:6px !important;
    }

    #top-menu-nav { display:none !important; }

    .et-fixed-header #et_mobile_nav_menu { margin-bottom:0 !important; }
}

 /* iPads (portrait and landscape) ----------- */
 @media only screen and (min-device-width: 1024px) and (max-device-width: 1245px) {

    #footer .et_pb_button_module_wrapper .et_pb_module { text-align: center !important; }

    #main-header #et_mobile_nav_menu { padding-right: 24px !important; }

    .logo_container #logo { max-height: 44% !important;  }

    #wp_access_helper_container .button {
        display: none !important;
        opacity: 0 !important;
    }

    #et_mobile_nav_menu {
        display:block !important; margin-bottom:20px !important; margin-top:6px !important;
    }

    #top-menu-nav { display:none !important; }
    .et-fixed-header #et_mobile_nav_menu { margin-bottom:0 !important; }

}

 @media only screen and (min-device-width: 768px) and (max-device-width: 1245px) {

    #footer .et_pb_button_module_wrapper .et_pb_module { text-align: center !important; }

    #main-header #et_mobile_nav_menu { padding-right: 24px !important; }

    .logo_container #logo { max-height: 44% !important;  }

    #et_mobile_nav_menu {
        display:block !important;
        margin-bottom:20px !important;
        margin-top:6px !important;
    }

    #top-menu-nav { display:none !important; }
    .et-fixed-header #et_mobile_nav_menu { margin-bottom:0 !important; }

 }

 /* iPads (landscape) ----------- */
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
   #footer .et_pb_button_module_wrapper .et_pb_module {
     text-align: center !important; }


}

 @media (min-width: 961px) and (max-width: 1000px){
   #footer .et_pb_button_module_wrapper .et_pb_module {
     text-align: center !important; }

    #et-top-navigation {
        padding-left: 0px !important;
    }

    #et_mobile_nav_menu {
        display:block !important;
        margin-bottom:20px !important;
        margin-top:6px !important;
    }

    #top-menu-nav { display:none !important; }

    .et-fixed-header #et_mobile_nav_menu { margin-bottom:0 !important; }

}

 @media (min-width: 641px) and (max-width: 980px) {
    .cool-timeline-horizontal .clt_caru_slider ul.slick-slider li.slick-slide .timeline-post {
         /*width: 80% !important; */
     }

     #footer .footer__logo-image img{
         max-width: 60% !important;
     }
 }


 /* Smartphones (portrait and landscape) ----------- */
 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
     .cool-timeline-horizontal .clt_caru_slider ul.slick-slider li.slick-slide .timeline-post {
        width: 100% !important;
     }
 }

 /* Smartphones (landscape) ----------- */
 @media only screen and (min-width : 321px) {
     .cool-timeline-horizontal .clt_caru_slider ul.slick-slider li.slick-slide .timeline-post {
        width: 100% !important;
     }
 }

 /* Smartphones (portrait) ----------- */
 @media only screen and (max-width : 320px) {
 /* Styles */
 }

 /* iPads (portrait and landscape) ----------- */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
     #footer .footer__logo-image img{
         max-width: 80% !important;
     }

    .cool-timeline-horizontal .clt_caru_slider ul.slick-slider li.slick-slide .timeline-post {

    }

    #wp_access_helper_container .button {
        display: none !important;
        opacity: 0 !important;
    }
 }

 /* iPads (landscape) ----------- */
 @media only screen and (min-device-width : 768px) and (max-device-width : 980px) and (orientation : landscape) {
     #footer .footer__logo-image img{
         max-width: 100% !important;
     }

     #wp_access_helper_container .button {
        display: none !important;
        opacity: 0 !important;
    }
 }

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {

    .logo_container #logo { max-height: 44% !important;  }

    #et_mobile_nav_menu {
        display: block !important;
        margin-bottom:20px !important;
        margin-top:6px !important;
    }

    #wp_access_helper_container .button {
        display: none !important;
        opacity: 0 !important;
    }

    #top-menu-nav { display:none !important; }

    .et-fixed-header #et_mobile_nav_menu { margin-bottom:0 !important; }

}

@media only screen and (min-device-width: 1366px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape) {

    .logo_container #logo { max-height: 44% !important;  }

    #wp_access_helper_container .button {
        display: none !important;
        opacity: 0 !important;
    }

    #et_mobile_nav_menu {
        display:block !important;
        margin-bottom:20px !important;
        margin-top:6px !important;
    }

    #top-menu-nav { display:none !important; }

    .et-fixed-header #et_mobile_nav_menu { margin-bottom:0 !important; }
}