/* 
 Theme Name:     Love Divi
 Author:         Love Divi
 Author URI:     http://lovedivi.com/
 Template:       Divi
 Version:        Version1
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.7.5
*/ 


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

/*-----Main Navigation Background transparent black gradient ----*/ /* Remove if you dont want gradient*/
 /*.et_fullwidth_nav #main-header  {
background: -moz-linear-gradient(45deg, rgba(28,28,28,0) 0%, rgba(28,28,28,0) 32%, rgba(26,26,26,0) 48%, rgba(19,19,19,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(28,28,28,0) 0%,rgba(28,28,28,0) 32%,rgba(26,26,26,0) 48%,rgba(19,19,19,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(28,28,28,0) 0%,rgba(28,28,28,0) 32%,rgba(26,26,26,0) 48%,rgba(19,19,19,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c1c1c', endColorstr='#99131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
*/



/*********** FULL WIDTH MENU EFFECTS **********/

/*-----moves the menu text up and down --------*/
.fullwidth-menu li > a {
    padding-bottom: 4px;
    word-wrap: break-word;
}

/*------padding above and below menu text on Product page -----------*/
.et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
    padding-top: 18px!important;
padding-bottom: 18px!important ;
    line-height: 1em;
}

/*************** END OF MENU EFFECTS ********************/


.et_pb_team_member_0.et_pb_team_member .et_pb_team_member_description h4 {
    text-align: center;
    color: #BC1B39;
}


/*----------THIS MOVES TEAM MEMBER DESCRIPTION DOWN ON TABLET ---------*/
/*-------------TABLET FIRST PERSON EDIT ----------------------*/
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
   .person.et_pb_team_member_0.et_pb_team_member .et_pb_team_member_description {
padding-top: 85px!important ;
}
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
     .person.et_pb_team_member_0.et_pb_team_member .et_pb_team_member_description {
padding-top: 85px!important ;
}
}
/*-------------TABLET FIRST PERSON END --------------*/

/*------------TABLET SECOND PERSON EDIT --------------*/
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
   .person.et_pb_team_member_1.et_pb_team_member .et_pb_team_member_description {
padding-top: 85px!important ;
}
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
     .person.et_pb_team_member_1.et_pb_team_member .et_pb_team_member_description {
padding-top: 85px!important ;
}
}
/*----------TABLET SECOND PERSON END ------------------*/


/*----------- TABLET THIRD PERSON EDIT --------------*/
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
   .person.et_pb_team_member_2.et_pb_team_member .et_pb_team_member_description {
padding-top: 85px!important ;
}
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
     .person.et_pb_team_member_2.et_pb_team_member .et_pb_team_member_description {
padding-top: 85px!important ;
}
}
/*----------TABLET THIRD PERSON END -----------------*/


   ul.et_pb_tabs_controls {
padding-bottom: 20px!important ;
padding-top: 20px!important ;
    border-bottom: 1px solid #000;}

.et_pb_tabs_0 .et_pb_tabs_controls li.et_pb_tab_active {
    padding-bottom: 3px ;
}

/*----Keeps top menu elements to left ----*/ /* Remove if you want them on right*/
#et-secondary-menu {
    float: left!important;
}


/********[ HOME PAGE SERVICES HOVER & SHADOW EFFECTS ] ************/

/*** ---------  General  -------- ***/
.services-one-hover {
    padding: 20px 0;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
border-bottom: 10px solid #f3f3f3 ;
    transition: .3s;
}

/*** ---------  Effect Hover -------- ***/
.services-one-hover:hover {
    -webkit-transform: translateY(-8px);
border-bottom: 10px solid #f7c100 ;
    transform: translateY(-8px);
}

/********************************************/
.services-two-hover {
    padding: 20px 0;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
border-bottom: 10px solid #e4e4e4!important ;   
 transition: .3s;
}

/*** ---------  Effect Hover -------- ***/

.services-two-hover:hover {
    -webkit-transform: translateY(-8px);
border-bottom: 10px solid #f7c100 !important ;
    transform: translateY(-8px);
}


/*************************************************/

.services-three-hover {
    padding: 20px 0;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
border-bottom: 10px solid #d2d2d2 ;
    transition: .3s;
}

/*** ---------  Effect Hover -------- ***/
.services-three-hover:hover {
    -webkit-transform: translateY(-8px);
border-bottom: 10px solid #f7c100 ;
    transform: translateY(-8px);
}

/****************END***************************/

/*--------Company LOGOS HOVER [Home page ]---------*/

.logo-hover:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);

}

.logo-hover {
    padding: 10px 0;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    transition: .3s;
}

/*------------------------------------------*/


.et_pb_social_media_follow li a.icon.rounded_rectangle {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
background: transparent!important ;
border: none ;
}

.et_pb_social_media_follow li a.icon.rounded_rectangle:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
background: #2C2E30!important ;
border: none ;
}

.et_pb_social_media_follow li a.icon::before {
    display: block;
    width: 32px;
    height: 32px;
    color: #f8c003!important;
    font-size: 16px;
    line-height: 32px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

ul.et_pb_social_media_follow { 
width:100%; 
text-align:left; 
margin: 0 0 0 0 ; 
} .et_pb_social_media_follow li { 
float:none; 
display:inline-block; 
}


/*-------CONTACT MENU BUTTON ON THE RIGHT ----------*/
/* style the contact cta cta button */
            .contact-cta {border-radius: 0px;}
            .contact-cta a {color: #fff!important;}
            li.contact-cta {
                background-color: #000 ;
                font-weight: 600; 
                text-transform: uppercase; 
                text-align: center; 
                padding: 10px 12px 10px!important;
            border-radius: 0px;
border-left: 1px solid #bc1b39 ;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.contact-cta:hover {background-color:#111111; }
 
/* fixed header button text color */
                 .et-fixed-header #top-menu .contact-cta a {
                        color: #fff!important;}
        .contact-cta li.current-menu-ancestor > a, .contact-cta li.current-menu-item > a {
                    color: #fff !important;}
 
 
    @media only screen and (min-width : 981px) {
            li.contact-cta {height: 33px;}}



/*------DROPDOWN MENU RED BORDER ON LEFT -----------*/
#main-header .nav li ul {
    background-color: #111111;
border-left: 2px solid #0c71c3!important ; /*--CHANGE LEFT BORDER COLOUR HERE---*/
}


/*---Home page we offer blurb animations ---*/

.offer-blurb {
transition: all 0.6s cubic-bezier(.25,.8,.25,1); }

    .offer-blurb:hover {
        -webkit-transform: scale(1.02, 1.02);
        transform: scale(1.02, 1.02);
         box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        z-index: 1;}


.et_pb_toggle_title:before {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5em;
    color: #ccc;
    font-size: 24px;
    content: "\4c";
}


.team-effect {
    padding-bottom: 0px;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
border-bottom: 10px solid #000 ;
    transition: .3s;
}

/*** ---------  Effect Hover -------- ***/
.team-effect:hover {
    -webkit-transform: translateY(-10px);
border-bottom: 10px solid #bc1b39 ;
    transform: translateY(-8px);
}


/***----Makes the Subscribe section one line --------***/

.demo-subscribe-section .et_pb_newsletter{padding: 20px 10px; border-radius:0px!important;}
.demo-subscribe-section .et_pb_newsletter_description {padding: 0 0 20px 0; width: 100%;}
.demo-subscribe-section .et_pb_newsletter_form {width: 100%;}
.demo-subscribe-section .et_pb_newsletter_form p {display: inline-block; margin-right: 40px;}
.demo-subscribe-section .et_pb_newsletter_form p input { padding: 10px 4% !important; width: 300px; border-radius: 0px!important ;}
.demo-subscribe-section .et_pb_newsletter_button {padding: 2px 6px;float:right!important ;}
.demo-subscribe-section a.et_pb_newsletter_button:hover {padding: 2px 6px!important; float: right!important ;}
.demo-subscribe-section a.et_pb_newsletter_button:after {display:none;}
.demo-subscribe-section .et_pb_newsletter_form p:nth-child(3) {display: none;}
 
@media only screen and (max-width: 1100px) {
.demo-subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 275px;}
}
 
@media only screen and (max-width: 980px) {
.demo-subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 220px;}
.demo-subscribe-section .et_pb_newsletter_description { width: 100% !important;}
}
 
@media only screen and (max-width: 767px) {
.demo-subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 240px;}
}
 
@media only screen and (max-width: 479px) {
.demo-subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 180px;}
}

/***--------- End of subscribe section ---------- ***/


/*Change the read more button into outline button on next line in Divi using this custom CSS in a child theme or your ET theme options panel*/
a.more-link { border: 2px solid;   
border-radius: 0px;    
display: inline-block;    
margin-top: 10px;    
padding: 3px 10px;    
text-transform: uppercase;}


/*-------------- [ PRODUCTS PAGE ] -----------------*/

.products-one-hover {
    padding: 20px 0;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
border-bottom: 10px solid #fff ;
    transition: .3s;
}

/*** ---------  Effect Hover -------- ***/
.products-one-hover:hover {
    -webkit-transform: translateY(-8px);
border-bottom: 10px solid #bc1b39 ;
    transform: translateY(-8px);
}

.products-two-hover {
    padding: 20px 0;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
border-bottom: 10px solid #BC1B39 ;
    transition: .3s;
}

/*** ---------  Effect Hover -------- ***/
.products-two-hover:hover {
    -webkit-transform: translateY(-8px);
border-bottom: 10px solid #fff ;
    transform: translateY(-8px);
}


.products-three-hover {
    padding: 20px 0;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
border-bottom: 10px solid #000 ;
    transition: .3s;
}

/*** ---------  Effect Hover -------- ***/
.products-three-hover:hover {
    -webkit-transform: translateY(-8px);
border-bottom: 10px solid #bc1b39 ;
    transform: translateY(-8px);
}

/*----------------------------------------------------------------*/
/*-------- Product/services Page core features hover effect ------------*/
/*---------------------------------------------------------------*/

.core-feature-hover:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
border-radius: 4px!important ;
background: rgba(255,255,255,0.45)!important ;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
}

.core-feature-hover {
    padding: 20px 0;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    transition: .3s;
}

/*-----------ABOUT US PAGE -----------------*/

.social-ceo {
    padding-bottom: 0px;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    transition: .3s;
}

/*** ---------  Effect Hover -------- ***/
.social-ceo:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-8px);
}


/*-----------MOBILE MENU ------------*/
.mobile_menu_bar:before {
    position: relative;
    top: 0;
    left: 0;
    font-size: 32px;
    content: "\61";
    cursor: pointer;
background: #fff!important ;
padding: 5px 5px 5px ;
border-radius: 20px ;
}

/*------This is the Gradient Mobile Background --------*/
#main-header .et_mobile_menu {
    background: -moz-linear-gradient(45deg, rgba(28,28,28,0) 0%, rgba(28,28,28,0) 32%, rgba(26,26,26,0) 48%, rgba(19,19,19,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(28,28,28,0) 0%,rgba(28,28,28,0) 32%,rgba(26,26,26,0) 48%,rgba(19,19,19,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(28,28,28,0) 0%,rgba(28,28,28,0) 32%,rgba(26,26,26,0) 48%,rgba(19,19,19,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c1c1c', endColorstr='#99131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.et_mobile_menu li a {
border-bottom: 0.1px solid rgba(225, 225, 225, 0.42) ; }

.et_mobile_menu li a:hover {
    opacity: 0.9;
    background-color: rgba(0, 0, 0, 0.05);
}
/*--------MOBILE MENU EDITS END---------------*/

/* ----Sub menu for fixed navigation ----*/
.nav li ul {
    border: 0px solid #0F1216!important;
}


/*------------------------------------------------------------------------*/
/*--------HOME PAGE HOVER effects for image ----------*/
/*------------------------------------------------------------------------*/
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 21px;
font-weight: 600 ;
  background-color: transparent;
  color: #FFF;
  padding: 2em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

/*---This removes the bottom padding below the image ----*/
.hovereffect p {
    padding-bottom: 0em!important;
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
/*-----------------------------------------------------------------------*/
/*------------------------------------------END--------------------------*/
/*-----------------------------------------------------------------------*/


/*---------NEWS PAGE Blog widget ----------*/

.widgettitle {
    border-bottom: solid 2px #000000; /****change here to change underline color on news pg****/
    margin-bottom: 25px;
text-transform: uppercase;!important;
}