
/*
Theme Name: Church Farm, Stow Bardolph
Theme URI: http://www.churchfarmstowbardolph.co.uk/
Author: Lingo Design - Sam Wells
Author URI: http://www.lingodesign.co.uk/
Description: Church Farm theme, built with Bootstrap
Version: 1.0
MotoPress Version: 2
*/

/*  Tablet  */

@media (min-width:767px) {

    /* Column clear fix */

    .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1) {

        clear: none;

    }

    .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) {

        clear: left;

    }

    #home-lower-content {

        margin: 0;

        padding: 15px;

    }

}

/*  Medium Desktop  */

@media (min-width:992px) {

    /* Column clear fix */

    .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) {

        clear: none;

    }

    .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1) {

        clear: left;

    }

}

/*  Large Desktop  */

@media (min-width:1200px) {

    /* Column clear fix */

    .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) {

        clear: none;

    }

    .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1) {

        clear: left;

    }

}

/* Church Farms Header
-------------------------------------------------------------- */

#header-bg img {

    margin: auto;

    width: 100%;

}

#header-bg {

    background-color: pink;

    border-bottom-left-radius: 12px;

    border-bottom-right-radius: 12px;

    overflow: hidden;

    margin: auto;

    position: relative;

    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.33);

}

/*  Tablet  */

@media (min-width:767px) {

    #header-bg {

        background-color: yellow;

        width: 100%;

        height: 250px;

        margin-bottom: 15px;

    }

    .home-featured .inner {

        height: 450px;

        text-align: center;

    }

}

/*  Medium Desktop  */

@media (min-width:992px) {

    #header-bg {

        background-color: red;

        width: 940px;

        height: 300px;

        margin-bottom: 45px;

    }

    .home-featured .inner {

        height: 400px;

    }

}

/*  Large Desktop  */

@media (min-width:1200px) {

    #header-bg {

        width: 100%;

        height: 400px;

        z-index: -1;

    }

    .home-next-event .inner {

        margin-top: -185px;

    }

    .home-featured .inner {

        height: 410px;

        text-align: center;

    }

}

#header-bg h1 {

    border: 0;

    font-size: 60px;

    margin: 0;

    padding: 15px;

    text-shadow: 3px 3px 0 #0E1130, -1px -1px 0 #0E1130, 1px -1px 0 #0E1130, -1px 1px 0 #0E1130, 1px 1px 0 #0E1130;

    color: white;

}

#wrap.with-header {

}

.home #wrap.with-header {

}

/* =WordPress Core
-------------------------------------------------------------- */

.alignnone {

    margin: 5px 20px 20px 0;

}

.aligncenter, div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}

.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}

.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}

.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}

a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}

a img.alignnone {

    margin: 5px 20px 20px 0;

}

a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}

a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}

.wp-caption {

    background: #FFFFFF;

    border: 1px solid #f0f0f0;

    max-width: 100%;

    display: inline-block;

    padding: 5px;

    text-align: center;

    border-radius: 5px;

}

.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}

.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}

.wp-caption p, p.wp-caption-text {

    font-size: 12px;

    line-height: 17px;

    margin: 0;

    padding: 5px;

    color: #0E1130;

    font-weight: bold;

}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {

    clear: both;

}

/* Church Farm Styling Overrides */

.navbar-brand {

    max-width: 100%;

}

.navbar-brand img {

    width: 150px;

    height: auto;

}

.bg-header-title {

}

body {

    background-color: #DCEFFD;

    font-family:sans-serif;

    -webkit-font-smoothing: antialiased;

}

h1, h2, .h1, .h2 {

    font-family:"Comic Sans MS", sans-serif;

    font-weight: bold;

    color: #0E1130;

    margin-top: 0;

}

h3, h4, h5, h6, .h3, .h4, .h5, .h6 {

    font-family:"Comic Sans MS", sans-serif;

    color: #0E1130;

}

a {

    color: #0E1130;

}

.navbar-default {

    border: 0;

    border-radius: 0;

    background: #0D102F;

    box-shadow: none;

    margin: 0;

    border-bottom: 5px solid #41A4E9;

    border-top-right-radius: 12px;

    border-top-left-radius: 12px;

}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    background: #0E1130;

    color: white;

}

.navbar-default .navbar-nav > li > a {

    color: #FFFFFF;

    font-family:"Comic Sans MS", sans-serif;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    background-color: #0E1130;

    color: #FFFFFF;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    background-color: #61BCFC;

    color: #FFFFFF;

}

.navbar-default .navbar-nav > .active > a {

    background: #61BCFC;

    color: #FFFFFF;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

    background-color: #ADDDFF;

    color: #0E1130;

}

/* Church Farm Additions */

.container.brand {

    position: relative;

}

.container.brand #opening-times {

    position: absolute;

    bottom: 10px;

    left: 180px;

    margin: 0;

    padding: 0;

}

.container.brand #opening-times p {

    margin: 0;

    font-family:"Comic Sans MS", sans-serif;

    color: #0E1130;

}

.navbar-brand {

    padding: 15px 0px;

}

.page-header {

    font-size: 48px;

    margin: 0;

    padding: 30px 0;

    text-shadow: 3px 3px 0 #0E1130, -1px -1px 0 #0E1130, 1px -1px 0 #0E1130, -1px 1px 0 #0E1130, 1px 1px 0 #0E1130;

    color: white;

}

.home-box {

    border-radius: 12px;

}

.hp-intro {

    color: white;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);

    font-weight: bold;

    font-size: 44px;

}

.home-featured {

}

.home-news-feed h4 {

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px dotted #0E1130;

}

.home-news-feed p {

    margin-bottom: 24px;

}

.home-next-event .inner {

    border-radius: 12px;

    background-color: #0D102F;

    color: white;

    padding: 15px;

    margin-bottom: 15px;

    height: 140px;

    overflow: hidden;

}

.home-next-event h2 {

    color: white;

}

.home-next-event .inner a {

    color: white;

}

.home-featured .inner {

    border-radius: 12px;

    background-color: white;

    padding: 15px 15px 75px;

    margin: 15px 0;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.33);

    min-height: 480px;

}

#home-lower-content {

    background-color: #BEE4FF;

    color: #0E1130;

    border-radius: 12px;

    margin: 0;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.21);

    margin: -30px -30px 15px;

    padding: 30px;

}

#home-lower-content .inner {

    padding: 30px 15px;

}

.home-featured .inner img {

    margin-bottom: 15px;

    border: 1px solid #0E1130;

}

.home-featured h2 {

    margin-bottom: 15px;

    height: 48px;

    font-weight: bold;

    font-size: 24px;

}

.home-featured h2 a {

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);

    color: #66CCFF;

}

/* Sticky footer styles
-------------------------------------------------- */

html, body {

    height: 100%;

    /* The html and body elements cannot have any padding or margin. */

}

/* Wrapper for page content to push down footer */

#wrap {

    margin: 0 auto -200px;

    padding: 0 0 200px;

    min-height: 100%;

    height: auto;

}

/* Set the fixed height of the footer here */

#footer {

    height: 200px;

    margin-top: 20px;

    background-color: #0E1130;

    border-top: 20px solid #ADDDFF;

    color: white;

}

#footer hr {

    border-top: 1px solid #808080;

}

@media only screen and (max-device-width: 480px) {

    #footer {

        height: auto;

    }

}

.menu-baseline-menu-container {

    margin: auto;

    text-align: center;

    color: #ADDDFF;

    margin-top: 10px;

    padding-top: 10px;

    border-top: 1px solid #164F77;

}

.menu-baseline-menu-container ul {

    line-height: 18px;

}

.menu-baseline-menu-container li {

    display: inline;

}

.menu-baseline-menu-container li+li:before {

    content:' | ';

}

.menu-baseline-menu-container a {

    font-size: 12px;

    color: #FFFFFF;

}

/* Responsive Embeddable Content Container
-------------------------------------------------- */

.responsive-embed-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

    margin: 15px 0;

}

.responsive-embed-container iframe, .responsive-embed-container object, .responsive-embed-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

#canvasHolder {

    width: 100%;

    overflow: hidden;

    height: 300px;

    position: absolute;

    top: 0;

    z-index:-3;

}

canvas#canvas {

    width: 100% !important;

}

.content img {

    display: block;

    height: auto;

    max-width: 100%;

}

hr {

    border-top: 1px solid #41A4E9;

}

.embed-youtube {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}

.embed-youtube iframe, .embed-youtube object, .embed-youtube embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

#canvasHolder {

    width: 100%;

    overflow: hidden;

    height: 300px;

    position: absolute;

    top: 0;

    z-index:-3;

}

canvas#canvas {

    width: 100% !important;

}

.content img {

    display: block;

    height: auto;

    max-width: 100%;

}

hr {

    border-top: 1px solid #CACACA;

}

.royalslider {

    margin: 30px 0 !important;

}

#short_code_si_icon {

    margin: 15px 0;

    padding: 15px 0;

}

#short_code_si_icon img {

    margin: 5px;

}

.home-read-more-link {

    text-align: center;

    position: absolute;

    bottom: 0px;

    left: 50%;

    width: 200px;

    margin: 0 0 0 -100px !important;

}

.royalSlider {

    display: inline-block;

}

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {

    background: transparent !important;

}

.img-responsive {

    display: block;

    height: auto;

    width: auto;

    max-width: 100%;

}

#footer-phone a {

    color: white;

}

@media (max-width: 480px) {

    iframe.wufoo-form-container {

        width: 258px !important;

    }

}

.navbar-brand {height: inherit;}
#footer-container { margin-top:10px; }
#CDSRATINGWIDGET484 { margin: auto;}
