/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        3.0
*/
 

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


/* =Theme customization starts here
------------------------------------------------------- */
.footer-widget { float: left; width: 225px; margin: 0 60px 50px 0; color: #c9c9c9; }
#footer-widgets .footer-widget li a { color: #c9c9c9; text-decoration: none; }
#footer-widgets .footer-widget li a:hover { color: #FF5323; }

/* body { font-family: 'Open Sans', Arial, sans-serif; font-size: 15px; color: #666; background-color: #fff; line-height: 1.7em; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } */

::selection { 
          background:#FF0000; 
          color:#ffffff;
          } 

::-webkit-selection { 
          background:#FF0000; 
          color:#ffffff;
          }

::-moz-selection {
          background:#FF0000;
          color:#ffffff;
          }

/* How to Turn Text Into Divi Animated Buttons */
    .btn-red {
            font-size: 14px;
            font-weight: 500;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            padding: 8px 20px;
            line-height: 1.7em;
            background: transparent;
            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;
            position: relative;}
    a.btn-red {
        background-color: #004264; /* change background color here */
            border: 2px solid transparent;
            color: #fff!important; /* change font color here 
        font-weight: bold; */}
    a.btn-red:hover {
        background: #21759B; /* change background color on hover here */
            border: 2px solid transparent;
            padding: 8px 32px 8px 14px !important;}
    a.btn-red:after {
        font-family: 'ETmodules';
        font-size: 28px;
        opacity: 0;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1em;
        content: "\35";
        position: absolute;
        margin-left: -1em;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;}
    a.btn-red:hover:after {
        opacity:1;
        display: block!important;
        font-family: 'ETmodules';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        right: 0px;
        top: 2px;
        margin-left: 0;
        }


/* How to Turn Text Into Divi Animated Buttons */
    .btn-white {
            font-size: 20px;
            font-weight: 500;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            padding: 8px 20px;
            line-height: 1.7em;
            background: transparent;
            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;
            position: relative;}
    a.btn-white {
        background-color: transparent;
            border: 2px solid #8e3737; /* change border color here */
            color: #8e3737!important; /* change font color here 
        font-weight: bold; */ }
    a.btn-white:hover {
        background: transparent;
            border: 2px solid #8e3737; /* change border color on hover here */
            padding: 8px 34px 8px 14px !important;}
    a.btn-white:after {
        font-family: 'ETmodules';
            font-size: 32px;
            opacity: 0;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 1em;
            content: "\35";
            position: absolute;
            margin-left: -1em;
            -moz-transition: all 0.2s;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;}
    a.btn-white:hover:after {
        opacity:1;
        display: block!important;
            font-family: 'ETmodules';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            right: 0px;
            top: 5px;
        margin-left: 0;}

/*-----Shutter Effect-----*/
.ds-hover-1 {
    display: inline-block;
	position: relative;
	margin: 0px;
	overflow: hidden;
	background: #000;
}
.ds-hover-1 img {
	display: block;
	max-width: 100%;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.ds-hover-1:hover img {
	opacity: 0.5;
}
.ds-hover-1::after {
	content: attr(ds-title);
	position: absolute;
	height: 9%;
	color: #fff;
    z-index: 1;
	top: 0;
	width: 90%;
	background: rgba(0,0,0,0.8);
	font-weight: 300;
	font-size: 28px;
	text-transform: uppercase;
	padding: 5%;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}
.ds-hover-1::before {
	content: attr(ds-desc);
	position: absolute;
	height: 100%;
	color: #fff;
	z-index: 1;
	top: 27%;
	width: initial;
	background: rgba(1,66,92,0.5);
	font-size: 16px;
	padding: 2% 5% 5% 5%;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}
.ds-hover-1:hover::after,
.ds-hover-1:hover::before {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}