/* 
 Theme Name:     Divi Child Theme
 Author:         code2biz
 Author URI:     http://www.code2biz.com 
 Template:       Divi
 Version:        1.0 
*/ 


/*  Enter your custom CSS below */ 
@import url("../Divi/style.css");
#callout { display: block; margin-top: 1px; height: 100px; background: #f74b47!important; color: #fff; -moz-box-shadow: inset 0 0 30px #d9531f; -webkit-box-shadow: inset 0 0 30px #d9531f; box-shadow: inset 0 0 30px #d9531f; position: relative; text-transform:uppercase; }
#callout > strong { display: inline-block; width: 75%; text-align: center; font-weight: 300; color: #fff; }
#callout > strong span { font-weight: 600; }
#callout > span { width: 25%; display: inline-block; padding: 25px 0; text-align: center; background: #2f2f2f; position: relative; background: #333333; /* Old browsers */
background: -moz-linear-gradient(top,  #333333 0%, #232323 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#232323)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #333333 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #333333 0%,#232323 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #333333 0%,#232323 100%); /* IE10+ */
background: linear-gradient(to bottom,  #333333 0%,#232323 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#232323',GradientType=0 ); /* IE6-9 */
font-weight: 300!important;
 }
#callout > span:before {
    content: '';
    position: absolute;
    top: 0;
    left: -35px;
    width: 35px;
    height: 100px;
    background: url(http://testsitecode.com/announcements/wp-content/uploads/2017/12/callout-section-arrow.png) no-repeat;
}
@media only screen and ( min-width: 1024px ) and ( max-width: 1300px ) {
        #callout { font-size: 29px; }
		#callout > span { padding: 25px 0; }
}
@media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
 #callout { font-size: 24px; }
		#callout > span { padding: 25px 0; }
		.callout_section_inner.et_pb_row.et_pb_row_1 {
    width: 100%;
}
}
@media only screen and ( max-width: 767px ) {
.callout_section_inner.et_pb_row.et_pb_row_1 {
    width: 100%;
}
#callout { height: auto; margin-top: 60px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
		#callout > strong { margin-bottom: 6px; background: #fc8933; color: #fff; -moz-box-shadow: inset 0 0 30px #d9531f; -webkit-box-shadow: inset 0 0 30px #d9531f; box-shadow: inset 0 0 30px #d9531f; }
		#callout > strong, #callout > span { width: 100%; display: block; }
		#callout > span:before { display: none; }
		 #callout { font-size: 28px; }
	    	#callout > strong { padding: 10px 0px;font-size: 30px; }
	    	#callout > span { font-size: 30px;padding: 10px 0px; }
}
@media only screen and ( max-width: 479px ) {
.callout_section_inner.et_pb_row.et_pb_row_1 {
    width: 100%;
}
 #callout { margin-top: 45px; font-size: 18px; }
	    	#callout > strong { padding: 30px 0; }
	    	#callout > span { font-size: 30px; }
}
#top-menu a {
    color: #fff;
}
#top-menu li a {
        text-transform: uppercase;
}
li.no-current-item.current-menu-item a {
    color: #fff!important;
}

#main-header {
    background-color: #000;
}	
#logo {
      /*max-height: 92%;*/
	  max-height: 55%;
}
#top-menu li {
    display: inline-block;
    padding-right: 12px;
    font-size: 14px;
}
.homepage-list-icon-section .et_pb_main_blurb_image span.et_pb_image_wrap img.et-waypoint.et_pb_animation_top.et-animated {
    height: 96px;
}
.et_pb_main_blurb_image {
      margin-bottom: 15px;
   }
div.pp_default .pp_nav {
    display: none!important;
}
.homepage-list-icon-section .et-waypoint {
    opacity: 1;
}
.homepage-list-icon-section .et_pb_blurb h3.et_pb_module_header {
    text-transform: uppercase;
    font-size: 20px!important;
}
div.pp_default .pp_content, div.light_rounded .pp_content {
    background-color: #000!important;
}
.pp_left, .pp_right, .pp_top,.pp_bottom, .pp_middle{
background:none!important;
}
.dot-pattern:before {
    content: " ";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 1;
    background: url(http://testsitecode.com/announcements/wp-content/uploads/2017/12/overlay-pattern.png) repeat fixed;
    background-color: rgba(0,0,0,0.6);
}
.video-3cols-section .et_pb_column .et_pb_text .et_pb_text_inner p{
line-height: 12px;
}
.video-3cols-section .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_left {
   box-shadow: 0px 1px 18px 1px #000000!important; 
}
ul.li-checkmark {
    float: left;
    padding-left: 15px;
    width: 100%;
}
ul.li-checkmark li {
    float: left;
    width: 100%;
    font-size: 18px;
    margin-bottom: 15px;
    background: url(http://testsitecode.com/announcements/wp-content/uploads/2017/12/check-mark.png)no-repeat;
    list-style: none;
    padding-left: 40px;
line-height: 30px;
}
h1.entry-title {
    text-transform: uppercase;
    font-weight: lighter;
    font-size: 54px!important;
    line-height: 64px!important;
    font-weight: 300;
}
#et_top_search {
    display: none!important;
}
.fooer_contactinfo ul li {
    float: left;
    width: 100%;
}
.fooer_contactinfo ul li span {
    float: left!important;
}
.fooer_contactinfo ul li {
    float: left;
    width: 100%;
    list-style: none;
}
.fooer_contactinfo ul li span i.fusion-li-icon.fa {
    font-size: 30px!important;
}
div#footer-widgets {
    padding-top: 10px;
}
#main-footer{
  border-top: solid 5px #116DB1;
}
div#footer-bottom {
    border-top: solid 2px #116DB1;
text-align:center;
}
#footer-widgets .footer-widget {
    margin-bottom: 10px;
}
.menu-footermenu1-container ul, .menu-footermenu2-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.menu-footermenu1-container ul li, .menu-footermenu2-container ul li {
    padding: 2px 5px 2px 5px;
    font-size: 16px!important;
	 list-style: none;
}
.menu-footermenu1-container ul li a, .menu-footermenu2-container ul li a {
    font-size: 15px!important;
    text-transform: uppercase;
	display: block;
    position: relative;
}
.menu-footermenu1-container ul li, .menu-footermenu2-container ul li {
    border-bottom:solid 1px  #2975a6;
width:100%!important;
    padding-left: 2px!important;	
}
div#nav_menu-2, div#nav_menu-3 {
    width: 100%;
}
#footer-widgets .footer-widget li:before{
display:none;
}
#footer-info {
    color: #ffffff;
    width: 100%;
    text-align: center;
}
.parallax-top-left .et_parallax_bg{
background-position: top left!important;
}
.top-video-church-announcements .et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
    display: table-cell;
    width: 52px;
    line-height: 0;
}
.top-video-church-announcements h3.et_pb_module_header {
    margin-top: 15px;
}
ul.external_store_logos {
    display: inline-block!important;
    text-align: center;
    float: none;
	margin-top: 1px;
    margin-bottom: 1px;
	padding-left:0px;
	padding-right:0px;
}
ul.external_store_logos li {
float:left;
    position: relative;
	list-style:none;
	width: 20%
}
@media only screen and (max-width: 1200px)   {
.container.et_menu_container {
    z-index: 99;
    width: 96%;
}
}
@media only screen and (max-width: 767px)   {
ul.external_store_logos li {
float:left;
    position: relative;
	list-style:none;
	width: 33%;
	margin-bottom:5px;
}
}
@media only screen and (max-width: 489px)   {
ul.external_store_logos li {
float:left;
    position: relative;
	list-style:none;
	/*width: 48%;*/
	margin-bottom:5px;
}
}
@media only screen and (max-width: 419px)   {
ul.external_store_logos li {
float:left;
    position: relative;
	list-style:none;
	width: 100%;
	margin-bottom:5px;
}
}

.header_secondary_menu {
    display: none;
}

@media only screen and (max-width: 1024px){
.container.et_menu_container {
    z-index: 99;
	    width: 100%!important;
	padding-left:2%;
	padding-right:2%;
}
#logo {
    max-height: 50%;
}

}
@media only screen and (max-width: 980px){
#top-menu {
    display: block!important;
}
#logo {
    max-height: 60%;
}
#et_mobile_nav_menu {
    display: none;
}
}
@media only screen and (max-width: 800px){
.header_secondary_menu ul#header_secondary_menu_mobile li.last {
    border: none!important;
}
.container.et_menu_container {
    z-index: 99;
    height: 65px;
	    width: 100%!important;
	padding-left:5%;
	padding-right:5%;
}
div#et-top-navigation {
display:none!important;
}
#logo {
    max-height: 65%;
}
.header_secondary_menu {
    display: block;
    float: right;
   /* width: 100%;*/
       margin-top: 22px;
   
}
.header_secondary_menu ul#header_secondary_menu_mobile {
    float: left;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
.header_secondary_menu ul#header_secondary_menu_mobile li {
    /* float: left; */
    list-style: none;
    display: inline-block;
    padding-left: 5px;
    padding-right: 10px;
    /*border-right: solid 1px #fff;*/
}
.header_secondary_menu ul#header_secondary_menu_mobile li a {
    font-size: 16px;
    color: #2ea3f2!important;
    text-transform: uppercase;
}
}
@media only screen and (max-width: 561px)   {
.et_header_style_left .logo_container {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}
.header_secondary_menu {
    display: block;
    float: right;
    width: 100%;
    margin-bottom: 10px;
	margin-top:2px;
}
}
@media only screen and (max-width: 419px)   {
.header_secondary_menu ul#header_secondary_menu_mobile li {
 /*  float: left; */
    list-style: none;
    display: inline-block;
    padding-left: 1px;
    padding-right: 7px;
    /*border-right: solid 1px #fff;*/
}
.header_secondary_menu ul#header_secondary_menu_mobile li a {
    font-size: 14px;
 }
}
@media only screen and (max-width: 380px)   {
.header_secondary_menu ul#header_secondary_menu_mobile li {
    /* float: left; */
    list-style: none;
    display: inline-block;
    padding-left: 1px;
    padding-right: 7px;
   /* border-right: solid 1px #fff;*/
}
.header_secondary_menu ul#header_secondary_menu_mobile li a {
    font-size: 12px;
    color: #2ea3f2!important;
}


}
@media only screen and (max-width: 980px)   {
.top-video-church-announcements.2colums-ipad .et_pb_column {
    float: left;
    width: 49%!important;
}
}
@media only screen and (max-width: 1200px)   {
#livestream .et_pb_text_inner h3, #equipment .et_pb_text_inner h3, #churchvideo .et_pb_text_inner h3 {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 30px!important;
    color: #000000!important;
    line-height: 32px!important;
	padding-bottom:2px!important;
}
#livestream .et_pb_text_inner p, #equipment .et_pb_text_inner p, #churchvideo .et_pb_text_inner p{
    line-height: 18px!important;
    font-size: 15px!important;
	padding-bottom:5px!important;
}
}
@media only screen and (max-width: 768px)   {
a#callouts {
    line-height: 75px;
    float: left;
    width: 100%;
    margin: 0px!important;
    background: transparent!important;
}
span.btn-cals {
    background: #000!important;
    padding: 0px 5px!important;
}
}