/*
Theme Name: Engage  

Description: Child theme for the Divi Theme

Theme URI: http://www.SunflowerBlogDesigns.com

Author: Sunflower Blog Designs 

Template:Divi

Version: 1.3
*/




/*---------------------- [Table of Content]------------------------------  */
/*
* Heading Area
* Menu Area
* Primary Menu
* Secondary Menu
* Subscribe Modules
* Text & Images
* Sections & Rows
* Section Dividers 
* Blog Posts
* Widgets
* Footer & Footer Widgets
* Mobile
*/

/*---------------------- [End Table of Content]------------------------------  */

/*-----------------------------------------------[Heading Area]---------------------------------*/

@media only screen and (max-width: 1024px) and (min-width: 981px) {
#et_mobile_nav_menu {
display: block !important;
}
#top-menu {
display: none !important;
}
}

@media only screen and (max-width: 1024px) and (min-width: 981px) and (orientation:landscape) {
#et_mobile_nav_menu {display: block !important;}
#top-menu {display: none !important;}

.et_mobile_menu {
    position: absolute;
    left: 50%!important;
    padding: 5%;
    background: #FFF none repeat scroll 0% 0%;
    width: 50%;
    visibility: visible;
    opacity: 1;
    display: none;
    z-index: 9999;
    border-top: 3px solid #2EA3F2;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
}

.et_mobile_menu {
    position: absolute;
   left: 50%;
    padding: 5%;
    background: #FFF none repeat scroll 0% 0%;
    width: 50%;
    visibility: visible;
    opacity: 1;
    display: none;
    z-index: 9999;
    border-top: 3px solid #2EA3F2;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}





.et_fixed_nav #logo {max-height: 130px; margin: 12px;}

#logo {max-height: 130px; margin: 12px;}
/*--------------------------------------------[Menu Area]---------------------------------------*/

/* TOP NAVIGATION */


ul#top-menu li a:after{display:none;}
.et_header_style_left #et-top-navigation {padding-top:0!important;}
.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
    padding-bottom: 30px!important;
}


/* Scrolling State */
#main-header.et-fixed-header {background-color:(#ffffff, .8)!important;} 
#main-header .container {width: 100%;} /* Full-Width Nav */
#main-header {height: 70px;}
#main-header nav#top-menu-nav, #main-header {padding-top: 0;}
#et-top-navigation {padding-left: 20px!important;}
nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu {float: right; }
.et-fixed-header, #main-header.et-fixed-header nav#top-menu-nav {padding:0!important;}
.et-fixed-header #top-menu-nav .nav > li.current_page_item { background: rgba(255, 255, 255, 0.2);}
#top-menu-nav .nav > li {padding-right: 0;}
#top-menu-nav .nav > li:hover {background: #007dc9;}
#top-menu-nav .nav > li > a {font-size: 16px; padding: 26px 26px;}
#top-menu-nav .nav > li a:hover {color: #fff;}
#top-menu > li.current-menu-item > a {background-color: #007dc9!important; color: #fff!important;}
)

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



#top-menu-nav .nav li ul.sub-menu li:hover {background:#676BB1;}
#top-menu-nav .nav li ul.sub-menu li a:hover {background-color:transparent;}
#top-menu-nav .nav li ul.sub-menu li a {padding:10px 20px;}
#top-menu-nav .nav li ul li ul.sub-menu {margin-left:-35px;margin-top:-75px;}



/* Adjustments to the Drop Down Menu  */
  .nav li ul { z-index: 9999; width: 220px; background: none repeat scroll 0% 0% #FFF; visibility: hidden; opacity: 0;
   box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);}

  .nav li ul {position: absolute; top: 32px;left: -27px; padding: 10px;}

 
.nav li ul {
    position: absolute;
    top: 66px !important;
    left: -27px;
    padding: 10px;
}

#top-menu li li, .nav li li {
    padding: 0px 5px;
    margin: 0px;
}

/*------------------------------------------------[Secondary Menu]--------------------------------------------*/

#et-secondary-menu {float: right; padding-bottom: 10px; }
  #et-secondary-nav li { position: relative; text-align: left; }
  #et-secondary-nav li ul {position: absolute; top: 23px; left: -32px; padding: 20px;}
  #et-secondary-nav li li a {display: block; line-height: 1.2em; margin-right: 0; padding: 10px; transition:   
    all 0.2s ease-in-out 0s;}
*/
 


/*-----------------------------------[Custom Horizontal Subscribe Module]---------------------------------------*/

  .subscribe-section.et_pb_section {padding: 0px 0px;    position: relative;}
  .subscribe-section .et_pb_row {    margin: 0px auto;    padding: 6px 0px 0px;    position: relative;}

  .subscribe-section .et_pb_newsletter{padding: 1px 5px; border-radius:10px;}
  .subscribe-section .et_pb_newsletter_description {padding: 5px 5px 5px 0; width: 100%;}
  .subscribe-section .et_pb_newsletter_form {width: 100%;}
  .subscribe-section .et_pb_newsletter_form p {display: inline-block; margin-right: 40px;}
  .subscribe-section .et_pb_newsletter_form p input { padding: 8px 0% !important; width: 250px;}
  .subscribe-section .et_pb_newsletter_button {padding: 2px 12px; color: #ffffff!important; background-color:  #333333; border: none;    
    border-radius: 5px; }
  .subscribe-section a.et_pb_newsletter p {padding-bottom: .3em;}
  .subscribe-section .et_pb_newsletter_description {padding: 0px 0px 0px 0px; width: 100%;}
  .subscribe-section a.et_pb_newsletter_button:hover {padding: 2px 12px!important; background: #BDAD9E;}
  .subscribe-section a.et_pb_newsletter_button:after {display:none;}
  .subscribe-section .et_pb_newsletter_form p:nth-child(3) {display: none;}

@media only screen and (max-width: 1100px) {
  .subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 275px;}
  }

@media only screen and (max-width: 980px) {
  .subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 220px;}
  .subscribe-section .et_pb_newsletter_description { width: 100% !important;}
  }

@media only screen and (max-width: 767px) {
  .subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 240px;}
  }
 
@media only screen and (max-width: 479px) {
  .subscribe-section .et_pb_newsletter_form {width: 115%;}
  .subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 180px; text-align:center;}
  }

/*-----------------------------------[End Custom Horizontal Subscribe Module]--------------------------------*/


/*-------------------------------------------------[Text]---------------------------------------------*/

  h1 {color:  #383838; line-height: 1.5em; font-weight: 500; font-size: 35px!important;}
  h2 {color:  #383838; font-weight: 500; font-size: 20px !important; line-height:  1.3em;}
  h3 {color:  #383838; font-weight: 500;}
  
 .shadow.et_pb_text {text-shadow: 2px 2px #333333; }

 


/*-------------------------------------------------[Images]---------------------------------------------*/


/* Images Sizes are Actual and not Stretched */
  .et_pb_post a img {width: auto;}
  .single article img {width: auto;}

.hover-effect.et_pb_image img:hover {
 opacity: 0.4;
 -moz-transition: all 0.5s; 
 -webkit-transition: all 0.5s;
 transition: all 0.5s;}
}

/*-------------------------------------------------[Custom Rows & Sections]----------------------------------*/



/*-------------------------------[Triangle Dividers Top & Bottom ]--------------------------------*/
       
/* Bottom arrow pointing down. Currently set to inherit the background of the section. */
/* This can be removed if you don't want a bottom arrow */
   .blue-triangles::after { bottom: -20px; z-index: 10; background: inherit;}

/* Bottom Arrow */
  .bottom-triangles::before, .bottom-triangles::after {position: absolute; content: ''; pointer-events: none;}   
  .bottom-triangles::before, .bottom-triangles::after {left: 50%; width: 50px; height: 50px; -webkit-transform: translateX(-50%)
    rotate(45deg); transform: translateX(-50%) rotate(45deg);}
       
/* Bottom arrow pointing down. Currently set to inherit the background of the section. */
/* This can be removed if you don't want a bottom arrow */
   .bottom-triangles::after { bottom: -20px; z-index: 10; background: inherit;}


 .bottom-triangles.et_pb_section {margin-top: 0px; padding-top: 5px; padding-bottom: 20px;  position: relative;}
/*----------------------------------------[End of Triangles Dividers]---------------------------------*/






/* Blog Module Boxed Read More Link*/
  a.more-link {border: 2px solid #5F504D; border-radius: 2px; color: #5F504D; display: block; margin-top: 10px; padding: 7px
  7px; font-size: 12px; text-align: center; text-transform: uppercase; width: 90px;}
 
  a.more-link:hover {border: 2px solid #DCD7C4; border-radius: 2px; color: #5F504D; background: #DCD7C4; display: block; margin-top: 10px; padding:  7px 7px; font-size: 12px; text-align: center; text-transform: uppercase; width: 90px;}



/* Blurb Graphics Animate on Hover */
  .animate .et-pb-icon:hover {
     transform: scale(1.4);
     -moz-transition: all 0.5s; 
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
}



/*---------------------------------------------------------[Blog Posts]---------------------------------------------------*/

*Change Post, Project & Archive Page Sidebars from one fourth to one third*/
    .container::before { display:none; }
    .single-project div#left-area {width: 70%;}
    .single-project div#sidebar {width: 30%;}
    .single-post div#left-area {width: 70%;}
    .single-post div#sidebar {width: 30%;}
    .archive div#left-area {width: 70%;}
    .archive div#sidebar {width: 30%;}
 
.et_right_sidebar #main-content .container::before {right: 30%!important;}




/* Single Posts  - Remove the html code from posts comment area */
  .form-allowed-tags{display:none;}



/*-------------------------Blog Guideline-------------------------------*/

 
  .et_pb_widget_area_right { border-left: 1px solid #efefef;}

/* Sidebar Module Widget Lists - Add Background Color */
.et_pb_widget_area_right ul li {background-color: #F5F5EB!important; margin-bottom: 6px; padding: 10px;}

/* Blog Sidebar Widget List Color  */

#sidebar .et_pb_widget.widget_recent_entries ul li {background-color: #F5F5EB!important; margin-bottom: 6px; padding: 10px;}
.et_pb_widget.widget_categories ul li {background-color: #F5F5EB!important; margin-bottom: 6px; padding: 10px;}
.et_pb_widget.widget_archive ul li {background-color: #F5F5EB!important; margin-bottom: 6px; padding: 10px;}
.et_pb_widget.widget_meta ul li {background-color: #F5F5EB!important; margin-bottom: 6px; padding: 10px;}




/*----------------------------------------[Widgets]-------------------------------------------*/



/*  Copyright Text  */

  #footer-info {width: 100%!important; text-align: center!important;}

/* Footer */
#footer-widgets .footer-widget ul li{
   background-color: rgba(255, 255, 255, 0.0!important;}


/*----------------------------------------[Mobile]-------------------------------------------*/

@media only screen and (max-width: 980px) {
    .et_header_style_centered .mobile_nav .select_page 
	{color: #ffffff!important;}
 .bottom-triangles.et_pb_section {margin-top: 0px; padding-top: 25px; padding-bottom: 65px;  position: relative;}
}


/*------------------------------------------------*/
/*-------------[Custom Subscribe Demo]------------*/
/*------------------------------------------------*/
 
.demo-subscribe-section {padding: 0px!important;}
.demo-subscribe-section .et_pb_row {padding: 0px!important;}
.demo-subscribe-section .et_pb_newsletter{padding: 0px 0px;}
.demo-subscribe-section .et_pb_newsletter_description {padding: 0 0 0 0; width: 50%; margin: 0;}
.demo-subscribe-section .et_pb_newsletter_description p {padding: 19px 20px 0px 0px;}
 
.demo-subscribe-section .et_pb_newsletter_form {width: 50%; padding-left: 5px; height:60px;}
.demo-subscribe-section .et_pb_newsletter_form p {display: inline-block; margin-right: 10px; padding: 0px; padding-bottom:10px;}
.demo-subscribe-section .et_pb_newsletter_form p input { padding: 5px 4% !important; width: 160px; border-radius: 0px!important;}
 
.demo-subscribe-section span.et_pb_newsletter_button_text {display: none;}
 
.demo-subscribe-section .et_pb_newsletter_button {
    padding: 0 0 0 10px;
    text-align: right;
    border: none;
    background: url(http://xicommunication.com/wp-content/uploads/2015/10/Subscribe.png) no-repeat left top;
    width: 64px;
    height: 64px;
    cursor: pointer;
    z-index: 1;
    margin-left: 10px;
    margin-bottom: -37px;}
 
.demo-subscribe-section a.et_pb_newsletter_button:after {display:none;}
.demo-subscribe-section .et_pb_newsletter_form p:nth-child(3) {display: none;}
.demo-subscribe-section .et_pb_newsletter_result { padding-top: 19px;}
.demo-subscribe-section h2.et_pb_subscribed {font-size: 17px; padding-top: 3px;}
 
@media only screen and (max-width: 1110px) {
    .demo-subscribe-section .et_pb_newsletter_description {width: 35%;}
    .demo-subscribe-section .et_pb_newsletter_description p {padding: 9px 20px 0px 0px;}
    .demo-subscribe-section .et_pb_newsletter_form {width: 65%;}
}
 
@media only screen and (max-width: 980px) {
    .demo-subscribe-section .et_pb_newsletter_description {width: 100%; text-align:center;}
    .demo-subscribe-section .et_pb_newsletter_description p { text-align: center!important;}
    .demo-subscribe-section .et_pb_newsletter_form {width: 100%; text-align:center;}
}
 
@media only screen and (max-width: 570px) {
    .demo-subscribe-section .et_pb_newsletter_form {height:100px; padding-top:17px;}
    .demo-subscribe-section .et_pb_newsletter_button {margin-left: 0px;}
}
 
@media only screen and (max-width: 550px) {
    .demo-subscribe-section .et_pb_newsletter_form {height:130px;}
    .demo-subscribe-section .et_pb_newsletter_button {margin-left: 0px;}
}
 
@media only screen and (max-width: 460px) {
.demo-subscribe-section .et_pb_newsletter_form {height: 168px;}
.demo-subscribe-section .et_pb_newsletter_form {width: 63%; margin-left: 17%;}
 
}
 
@media only screen and (max-width: 360px) {
.demo-subscribe-section .et_pb_newsletter_form {width: 50%; margin-left: 10%;}
.demo-subscribe-section .et_pb_newsletter_button { margin-left: 45px;}
}
 
/*-------------[End Custom Subscribe]-------------*/
/*````````````````````````````````````````````````*/
/*````````````````````````````````````````````````*/


/* Center text in 2 column layout */
.et_pb_column {
position: relative;
}
.et_pb_column .centertext.et_pb_text {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

/* End Center Text in 2 column layout */