/*
Theme Name: Mychurchwebsite
Theme URI: http://mychurchwebsite.com
Author: Mychurchwebsite
Author URI: http://mychurchwebsite.com


*/
@import url('/wp-content/themes/mychurchwebsite/css/editor-style.css');

/*Main*/
* { box-sizing: border-box; hyphens: none; }
.cred-field-post_content { width: 104%; }
.mce-content-body { margin: 12px; }
.site-container { overflow-x: hidden; }
.titlebar { background-color: #737C83; margin-bottom: 65px; margin-top: 0; }
TEXTAREA.wp-editor-area { height: 650px; }
.modal-dialog .sermondescription { padding: 64px; display: none; }
/*App*/
.appheader B { color: #0D76A5 !important; }
/*Announcements*/
.readon A { background-color: #025893 !important; color: #FFFFFF !important; font-size: 19px !important; padding: 10px 7px 9px !important; /*+border-radius: 0 !important;*/ -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important; border-radius: 0 !important; float: right; margin-bottom: 14px !important; }
.announcement_grid .posttitle { font-size: 34px !important; color: #5F5F5F; padding-bottom: 27px; line-height: 1.2 !important; }
.label { color: #E5A310; font-style: normal; font-weight: bold; }
.blogdate { padding-left: 8px; padding-right: 11px; white-space: nowrap; }
.blogdetails { background-color: #F4F4F4; padding: 7px 7px 7px 5px; font-size: 14px; letter-spacing: -0.3pt; }
.announcements .col-xs-3 { width: 50% !important; }
.announcementmodule A .posttitle, .blogmodule A .posttitle { font-size: 13pt !important; color: #2F89B2; letter-spacing: 0pt; line-height: 1.4; }
.announcementmodule P { font-size: 13pt !important; }
.announcement .announcementimage { border: 0px solid #DCDCDC !important; padding: 0px !important; margin-top: 3px !important; float: right !important; }
.announcement .posttitle { display: block; line-height: 1.2; margin-bottom: 8px; text-transform: capitalize; /*padding-left: 15px;*/ /*padding-right: 15px;*/ font-weight: 600; color: #025893; }
.innerannounce { display: inline-block; float: left; width: 54%; padding-right: 52px; }
.outerannounce { display: inline-block; max-width: 45% !important; }
.announcements LI { display: inline-block; width: 100%; padding-right: 35px !important; padding-left: 35px !important; }
.sermoninfo A.BLBST_a { font-size: 14px; color: #106198 !important; }
.sermoninfo DIV I { font-size: 14px; }
@media only screen and (max-width: 820px)
{
.innerannounce { display: block; float: none; width: 100%; padding-right: 0; }
.outerannounce { display: block; max-width: 100% !important; }
.announcement .announcementimage { float: none !important; width: 100% !important; }
.announcements LI { display: inline-block; width: 100%; padding-right: 20px !important; padding-left: 23px !important; padding-top: 7px !important; }
}
/*Calendar*/
THEAD .ai1ec-weekday { background-color: #286798 !important; color: #FFFFFF !important; }
THEAD .ai1ec-weekday A { color: #FFFFFF !important; }
.widget_search #searchsubmit { background-color: rgba(255, 255, 255, 0); /*+border-radius: 0px;*/ -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; }
.widget_search { margin-top: -4px; }
.ai1ec-calendar-view-container .viewall { display: none; }
/*Countdown*/
.countdownbar { background-color: #286798 !important; padding-bottom: 0 !important; padding-top: 10px !important; }
.videoheader B { color: #226191; }
.countdownbar .scd-digit { color: #FFFFFF !important; }
.translation-dropdown { padding: 9px 9px 8px 9px !important; margin-right: 17px; margin-left: 11px; }
/*Login*/
.login H1 A { background-image: none; background-image: none; }
#login .message { float: left; margin-left: 0; display: inline-block; width: 200px; font-size: 13px; line-height: 2.7; padding-bottom: 20px; border-left: 0px solid black; border-bottom: 3px solid #969696; }
#login { width: 600px; text-align: left; }
#login #nav, #login #backtoblog { text-align: center; }
#login #loginform .button-large { background-color: #4FAC5C; box-shadow: none; border: 0px solid black; text-shadow: none; /*+border-radius: 2px;*/ -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; font-size: 15px; padding-top: 0px; /*+placement: -1px 10px;*/ position: relative; left: -1px; top: 10px; line-height: 2.1; }
/*Page - Text Under*/
.entry-title { font-size: 58px; line-height: 1; margin-bottom: 10px; font-weight: 800; color: #FFFFFF; text-align: center; padding-top: 276px; padding-bottom: 96px; background-color: #025893; margin-top: -126px; text-transform: uppercase; padding-left: 110px; padding-right: 110px; }
.entry-title-image { z-index: 9; font-size: 64px; /*+placement: ;*/ position: relative; left: 0; top: 0; color: #FFFFFF; position: absolute; top: 46%; margin: auto; text-align: center; left: 5%; right: 5%; text-shadow: 0 0 6px rgba(0, 0, 0, 0.198); text-transform: uppercase; font-weight: 800; }
.parallax-fixed { text-align: center; color: #FFFFFF; height: 600px; margin-bottom: 20px; /*box-shadow:inset 0 0 0 1000px rgba(45,116,170,0.576);*/ padding-bottom: 295px !important; display: inline-block; margin-top: -109px; }
.page-new .parallax-fixed { padding-bottom: 560px !important; }
.banner { height: auto; margin: auto; text-align: center; position: relative; }
.parallax-fixed:before { content: ""; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(16,97, 152, 1)), to(rgba(0, 0, 0, 0))); width: 100%; display: inline-block; height: 341px; /*+placement: ;*/ position: relative; left: 0; top: 0; position: absolute; }
@media only screen and (max-width: 1600px)
{
.page-new .parallax-fixed { padding-bottom: 392px !important; }
}
@media only screen and (max-width: 930px)
{
.entry-title-image { font-size: 48px; }
.parallax-fixed { height: 440px !important; background-position: center !important; margin-top: -118px; }
.entry-title { padding-left: 50px; padding-right: 50px; }
}
@media only screen and (max-width: 830px)
{
.parallax-fixed { margin-top: -142px; }
}
@media only screen and (max-width: 600px)
{
.entry-title-image { text-shadow: 0 0 6px rgba(0, 0, 0, 0.347) !important; border-bottom: 0px solid black !important; position: absolute !important; }
}
/*Prayer*/
.button.prayer { background-color: #A0B97B !important; }
.prayedfor { background-color: #AEAEAE; }
/*@media only screen and (max-width: 515px) {
 .entry-title { font-size: 25pt; font-weight: 600; color: #407ba4; margin-bottom: 20px; margin-top: 35px; letter-spacing: -1pt; line-height: 0.9; text-transform: uppercase; border-bottom: 1px solid #e1e1e1; padding-bottom: 7px; }
}*/
/*News Slider*/
.leftarrow A, .rightarrow A { background-color: #FFFFFF; }
#wpv-post-slider .newslider P { font-size: 11pt !important; padding-top: 0; font-weight: 400; padding-bottom: 5px; }
A.bx-pager-link { background-color: #C9C9C9 !important; }
A.bx-pager-link.active { background-color: #DD2424 !important; }
/*Staff*/
.staffs .posttitle { font-size: 24px !important; border: 0px solid black !important; padding: 0 !important; margin: 0 !important; font-weight: bold !important; }
A.staffbio, A.staffemail { color: #000000; font-weight: inherit; text-decoration: none; padding-bottom: 0; font-weight: 500; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; padding: 6px 14px 5px 16px; border-radius: 0px; border: 1px solid #000000; display: inline-block; margin-left: 5px; margin-right: 5px; }
.staffs .staffbio { margin-top: 3px !important; }
.staffs .col-xs-3 { background-color: #FFFFFF !important; }
.staffimage { height: 280px; overflow: hidden; }
@media only screen and (max-width: 940px)
{
.featured { background: url(./images/erickback.jpg) left bottom / 150% no-repeat; padding: 20px 0px 0; width: 100%; position: relative; left: auto; right: auto; margin-left: auto; margin-right: auto; text-align: center; height: 968px; }
}
@media only screen and (max-width: 730px)
{
.featured { background: url(./images/erickback.jpg) left bottom / 150% no-repeat; width: 100%; max-height: 872px; }
}
@media only screen and (max-width: 570px)
{
.staffimage { height: auto; overflow: auto; }
}
/*Social Icons*/
.facebook-icon:before { font-family: fontawesome; font-size: 20.9px; content: "\f39e"; }
.facebook-icon { color: #FFFFFF; padding: 21px 18px 21px 21px; }
.socialbuttons A { text-decoration: none; }
.twitter-icon:before { font-family: fontawesome; content: "\f099"; line-height: 1.7; font-weight: 100; font-size: 18.9px; }
.twitter-icon { font-size: 19.9px; background-color: #61AACF; /*+border-radius: 24px;*/ -moz-border-radius: 24px; -webkit-border-radius: 24px; -khtml-border-radius: 24px; border-radius: 24px; color: #FFFFFF; padding: 6px 9px 5px; }
.instagram-icon:before { font-family: fontawesome; content: "\f16d"; font-size: 23.9px; }
.instagram-icon { color: #FFFFFF; padding: 21px 14px 21px 0px; vertical-align: middle; }
FOOTER .facebook-icon:before { font-size: 25.9px; background-color: #3B5998; width: 45px; height: 43px; display: inline-block; text-align: center; padding: 4px 2px 0px; /*+border-radius: 42px;*/ -moz-border-radius: 42px; -webkit-border-radius: 42px; -khtml-border-radius: 42px; border-radius: 42px; margin-right: -12px; margin-left: -19px; }
#footer-sidebar1 IMG { margin-top: 9px; }
FOOTER .instagram-icon:before { font-size: 25.9px; background-color: #84A4BE; width: 45px; height: 43px; display: inline-block; text-align: center; padding: 4px 2px 0px; /*+border-radius: 42px;*/ -moz-border-radius: 42px; -webkit-border-radius: 42px; -khtml-border-radius: 42px; border-radius: 42px; }
/*Staff*/
.staff { border-bottom: 1px solid #FFFFFF !important; min-height: 448px !important; padding-top: 39px !important; }
.staffs .staff:nth-child(even) { margin: 0 -9999rem; /* add back negative margin value */ padding: 4.25rem 9999rem; background: rgba(240, 240, 240, 0.5); }
/*Menu Style*/
.mobilebottommenu .contactbutton A { color: #FFFFFF !important; background-color: #0D76A5; font-size: 13.9px !important; border: 0px solid black; }
#menu-mobile-menu LI A { color: #000000 !important; }
.mobilesocialmenu .facebook-icon { /*+border-radius: 0px;*/ -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; color: #595959 !important; font-size: 16.9px !important; display: inline-block; width: 162px !important; padding-bottom: 31px !important; padding-top: 0px !important; background-color: rgba(117, 133, 168, 0) !important; border: 1px solid #777777; }
.responsive-menu-pro-item-current-parent LI.menu-item.responsive-menu-pro-item { padding-left: 24px !important; }
.mobilesocialmenu .facebook-icon:after { content: "facebook"; padding-left: 11px !important; font-size: 13.7px; }
.menu-item-2457 A { border: 1px solid #AA4A67; padding: 0 13px !important; margin-left: 20px; }
.menu-item-2457 A:before { font-family: fontawesome; vertical-align: baseline; content: "\f003"; padding-right: 8px; font-size: 13.8pt; display: inline-block; }
#nav_menu-3 LI { list-style-type: none; width: auto !important; }
#footer-sidebar3 IMG { padding-bottom: 7px; padding-right: 10px; }
.pagecontent .submenu LI.page_item A { background-color: #2D9DB4 !important; /*+border-radius: 4px;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; width: 213px; }
.pagecontent .submenu LI.page_item A:hover { background-color: #454E59 !important; }
#nav_menu-3 .sub-menu A { color: #575757; text-transform: none; font-weight: 300 !important; }
.responsive-menu-pro-submenu-depth-1 A { color: #197BB3 !important; }
.responsive-menu-pro-button { background-color: #0D76A5 !important; border: 0px solid #FFFFFF !important; margin-top: 14px !important; margin-right: 11px !important; }
.sidebartitle { color: #199BB5; }
#submenutop .current_page_item A { border-bottom: 3px solid #0C0C0C !important; }
/*Sermon Module*/
.sermonmodule .watchvideo { border: 1px solid #B2B2B2; }
.sermonmodule .archivessermon { border: 1px solid #B2B2B2; }
.sermonmodule-list .posttitle { color: #2A3D4C; font-size: 16px !important; line-height: 2.1 !important; letter-spacing: normal; text-decoration: none; }
/*Tabs*/
.responsive-tabs__list__item--active { background: rgb(34, 97, 145) !important; background: linear-gradient(241deg, rgba(75, 147, 172, 1) 0%, rgba(2, 88, 147, 1) 100%) !important; }
/*Top Menu*/
.topfooter A:hover { color: #E2E2E2; }