/*
Theme name: Galloway Baptist Church
Description: Custom Theme
Template: genesis
*/

/******* Galloway Baptist Church WordPress CSS *******/

/* Common elements styling */
.entry-content ul { margin-left: 25px; }
.entry-content ol { margin-left: 25px; }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/******* /Galloway Baptist Church WordPress CSS *******/

@font-face {
    font-family: 'futura_book';
    src: url('fonts/futura-bt-book-webfont.eot');
    src: url('fonts/futura-bt-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura-bt-book-webfont.woff') format('woff'),
         url('fonts/futura-bt-book-webfont.ttf') format('truetype'),
         url('fonts/futura-bt-book-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'handwritingdakota_reg';
    src: url('fonts/handwriting-dakota-reg-webfont.eot');
    src: url('fonts/handwriting-dakota-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/handwriting-dakota-reg-webfont.woff') format('woff'),
         url('fonts/handwriting-dakota-reg-webfont.ttf') format('truetype'),
         url('fonts/handwriting-dakota-reg-webfont.svg#handwritingdakota-reg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'deming_reg';
    src: url('fonts/deming_ep-webfont.eot');
    src: url('fonts/deming_ep-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/deming_ep-webfont.woff') format('woff'),
         url('fonts/deming_ep-webfont.ttf') format('truetype'),
         url('fonts/deming_ep-webfont.svg#deming_epregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'futura_book';
        src: url('fonts/futura-bt-book-webfont.svg#webfontregular') format('svg');
    }
    @font-face {
        font-family: 'handwritingdakota_reg';
        src: url('fonts/handwriting-dakota-reg-webfont.svg#handwritingdakota-reg') format('svg');
    }
    @font-face {
        font-family: 'deming_reg';
        src: url('fonts/deming_ep-webfont.svg#deming_epregular') format('svg');
    }
}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 16px;
    line-height: 28px;
    font-family: 'futura_book', arial, sans-serif;
    color: #595959;
    background: #fff;
    min-width: 960px;
}

a { color: #11B04B; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.clearfix,
.header-top,
#navigation ul,
.product-holder,
.cols,
.person { *zoom: 1; }

.clearfix:after,
.header-top:after,
#navigation ul:after,
.product-holder:after,
.cols:after,
.person:after { content: ''; clear: both; display:block; width: 100%; font-size: 0; line-height: 0; text-indent: -4000px; }

/*
	TRANSITIONS
	=========================
*/

.social-icons a.ico img {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.footer-nav li a,
.main h2 a,
.entry-title a,
.product-holder h5 a {
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 960px; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/*
	HEADER
	========================
*/

.header { background: url(images/header-bg.png) repeat 0 0; }
.header .shell { padding: 0 37px 0 23px; width: 900px; }

.header-top { padding-bottom: 13px; position: relative; z-index: 10; }
.header-top .shell { position: relative; }

h1#logo { width: 317px; float: left; margin: 18px 0 0 0; }
h1#logo a { height: 75px; display: block; background: url(/wp-content/uploads/2020/03/Galloway-Logo-e1585307284567.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

.service-tab { width: 314px; text-align: center; position: absolute; top: 0px; right: 30px; }

a.service-btn { background: url(images/service-btn.png) no-repeat 0 0; text-transform: uppercase; color: #494949; font-size: 17px; line-height: 24px; font-family: 'futura_book', arial, serif; width: 303px; height: 38px; display: block; text-align: center; letter-spacing: 1px; margin-left: 4px;  }
a.service-btn:hover { text-decoration: none; }

.service-cnt { background: url(images/service-cnt.png) repeat-y 0 0; width: 314px; text-align: center; padding-top: 12px; font-size: 14px; line-height: 19px; color: #393939; display: none; }
.service-cnt h3, .main h3 { font-size: 18px; font-family: 'deming_reg', arial, serif; line-height: 19px; color: #025486; padding-bottom: 3px; }
.service-cnt p { padding-bottom: 8px; }

#navigation { background: url(images/navigation-bg.png) repeat-x 0 0; height: 66px; font-size: 17px; line-height: 66px; }
#navigation ul { list-style: none outside; letter-spacing: 0.01em; }
#navigation li { float: left; padding: 0; }
#navigation li a { display: block; padding: 0 27px; color: #f7f7f7; text-transform: uppercase; }
#navigation li.current-menu-item a,
#navigation li a:hover { background: url(images/navigation-active.png) repeat-x 0 0; text-decoration: none; }

#navigation.iefix ul { letter-spacing: 0; }
#navigation.iefix li a { padding: 0 26px; }

/*
	MAIN
	========================
*/

.banner { height: 296px; overflow: hidden; position: relative; background: url(images/banner-bg.png) repeat-x 0 0; }
.banner > img { position: absolute; left: 50%; margin-left: -625px; height: 296px; }

.calendar-page .banner { background: #004775; }

.main { padding: 43px 0 30px 0; }
.main h2,
.entry-title { font-size: 48px; line-height: 48px; *line-height: 56px;  text-transform: uppercase; font-family: 'futura_book', arial, serif; color: #11B04B; padding-bottom: 10px; letter-spacing: 0.03em; }
.main h2 a:hover,
.entry-title a:hover { text-decoration: none; color: #000; }

.archive-title { padding-bottom: 35px; }

.main h4 { color: #6a6a6a; font-size: 18px; line-height: 24px; font-family: helvetica, arial, serif; }

#content p { padding-bottom: 20px; }

.content-sidebar #content { width: 75%; padding-right: 5%; float: left; }
.content-sidebar #sidebar { width: 20%; float: left; }

.sidebar-content #content { width: 75%; padding-left: 5%; float: right; }
.sidebar-content #sidebar { width: 20%; float: left; }

#sidebar ul,
#sidebar ol { padding-left: 30px; }
#sidebar .widgettitle { padding-bottom: 10px; }

.posts-section { padding: 0 50px 70px 55px; }

.post { padding-bottom: 22px; position: relative; }
.main p,
.archive #content p,
.search #content p,
.blog #content p { padding-bottom: 10px; }
.post h2 { padding-right: 270px; }

p.post-date { font-size: 24px; line-height: 36px; color: #868686; text-transform: uppercase; position: absolute; top: 14px; right: 20px; letter-spacing: 0.03em; }

.product-holder { padding: 0 0 70px 75px; line-height: 23px; color: #000; }
.product-holder h2 { padding-bottom: 25px; *line-height: 48px; }
.product-holder h5 { padding-top: 4px; text-transform: uppercase; font-size: 16px; color: #718830; }
.product-holder h5 a { color: #718830; line-height: 23px; }
.product-holder h5 a:hover { text-decoration: none; color: #000; }
.product-holder p { padding: 0 30px 0 0; }

.product { float: left; width: 190px; margin: 0 29px 53px 0; position: relative; }

a.play-btn { position: absolute; bottom: 2px; right: 0; list-style: none; display: block; width: 28px; height: 27px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/play-btn.png) no-repeat 0 0; }
a.play-btn.sm2_playing { background: url(images/pause-btn.png) }

.section { padding-top: 10px; }
.section .shell { padding-left: 122px; width: 838px; }
.section.grey-section { background: #f7f7f7; }

.cols {  }

.col { width: 284px; float: left; margin-left: 90px; }
.col:first-child { margin-left: 0; }

.event { position: relative; padding: 20px 4px 16px 52px; background: url(images/dotted-lines.png) repeat-x 0 0; font-family: helvetica, arial, serif; font-size: 12px; line-height: 20px; min-height: 60px; }
.event:first-child { background: transparent; }
.event h5 { font-size: 14px; line-height: 20px; font-family: helvetica, arial, serif; }
.event p { padding-bottom: 0; }
.event p span { font-size: 14px; line-height: 20px; }

.section.grey-section .event { background: url(images/grey-dotted-line.png) repeat-x 0 0; }
.section.grey-section .event:first-child { background: transparent; }

.calendar-date { width: 40px; background: url(images/small-calendar.png) no-repeat 0 0; text-align: center; text-transform: uppercase; color: #a2a2a2; font-family: helvetica, arial, serif; font-size: 12px; line-height: 16px; position: absolute; top: 23px; left: 0; }
.calendar-date p strong { font-size: 21px; line-height: 38px; padding-bottom: 4px; display: block; color: #545454; }

img.note { position: relative; margin: 20px 0 0 -20px; }

/*
    HOME-PAGE
    =========================
*/

.home-slider { width: 100%; height: 421px; background: url(images/slider-bg.png) repeat 0 0; position: relative; overflow: hidden; text-align: center; }
.carousel { width: 100%; height: 388px; position: relative; overflow: hidden; margin: 0 auto; }
.slide { width: 999px; height: 388px; float: left; }

.slider-pagination { position: absolute; bottom: 0; left: 0; right: 0; background: #015284; height: 23px; text-align: center; padding-top: 9px; }
.slider-pagination a { display: inline-block; width: 16px; height: 16px; background: url(images/slider-bullets.png) no-repeat -24px 0; margin-left: 49px; }
.slider-pagination a:first-child { margin-left: 0; }
.slider-pagination a.selected { background-position: 0 0; }
.slider-pagination a span { font-size: 0; line-height: 0; text-indent: -4000px; }

.slogan { background: url(images/slogan.png) repeat 0 0; height: auto; min-height: 113px; line-height: 20px; text-align: center; border-bottom: 1px solid #a3a3a4; }
.slogan h2 { font-size: 38px; line-height: 113px; color: #444; letter-spacing: 0.03em; line-height: 46px; padding: 33px 0; }
.slogan p { padding-bottom: 18px;}

.home .main { padding-top: 53px; }

.person { padding: 0 50px 0 2px; }

.person-img { background: url(images/author-photoframe.png) no-repeat 0 0; width: 262px; height: 352px; float: left; margin-right: 14px; }
.person-img img { transform:rotate(-4deg); -ms-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); padding: 24px 0 0 24px; width: 215px; height: 305px; }

.person-cnt { height: 100%; overflow: hidden; font-size: 19px; line-height: 36px; padding-top: 24px; }
.person-cnt p { padding-bottom: 30px; }
.person-cnt .event p { padding-bottom: 0; }

.entry strong,
.entry-content strong,
.calendar-date strong,
.person strong { font-family: 'handwritingdakota_reg', arial, serif; color: #11B04B; display: block; }

.home .cols { float: right; position: relative; margin-top: -50px; padding-right: 14px;  }
.home .col { margin-left: 0; }

.home .main h2 { padding-bottom: 6px; }

/*
    FOOTER
    ===========================  
*/

html, body { height: 100%; }
#wrap { height: 100%; width: 100%; position: relative; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -214px; }
#footer, #footer-push { height: 214px; }

.home #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -224px; }
.home #footer, .home #footer-push { height: 214px; padding-top: 10px; }

.home #footer { background: url(images/home-footer.png) repeat-x 0 0; }

.footer-top { background: url(images/header-bg.png) repeat 0 0; padding: 28px 0 20px 0; box-shadow: inset 0px 4px 16px rgba(0,0,0,0.08); -moz-box-shadow: inset 0px 4px 16px rgba(0,0,0,0.08); -webkit-box-shadow: inset 0px 4px 16px rgba(0,0,0,0.08); -o-box-shadow: inset 0px 4px 16px rgba(0,0,0,0.08); }

.footer-nav { padding: 0 0 0 55px; float: left; width: 650px; }
.footer-nav ul { padding-top: 28px; list-style: none outside; text-transform: uppercase; font-size: 14px; line-height: 19px; }
.footer-nav li { float: left; padding: 0 20px 0 5px; }
.footer-nav li a { color: #000; }
.footer-nav li a:hover { text-decoration: none; color: #11B04B; }

a.small-logo { background: url(/wp-content/uploads/2020/03/Galloway-Logo-1-e1585307964129.png) no-repeat 0 0; width: 209px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; display: block; }

.social-icons { padding: 58px 34px 0 0; width: 139px; float: right; }
.social-icons a.ico { float: left; margin-left: 18px; height: 31px; }
.social-icons a.ico.facebook-ico { margin-left: 27px; }
.social-icons a.ico:first-child { margin-left: 0; }
.social-icons a.ico:hover img { opacity: 0.70; -moz-opacity: 0.70; filter:alpha(opacity=70); }

.footer-bottom { height: 65px; background: url(images/footer-grey-bg.png) repeat-x 0 0; color: #fff; font-family: arial, serif; font-size: 12px; line-height: 16px; padding-top: 8px; font-weight: bold; }
.footer-bottom .shell { padding: 0 55px; width: 850px; }
.footer-bottom a { color: #fff; }