/*
 Theme Name:   Oxygen Child Theme
 Theme URI:    http://oxygen.jarilo.co.uk/
 Description:  My Child Theme
 Author:       Jarilo Design
 Author URI:   http://jarilo.co.uk
 Template:     oxygen
 Version:      0.1
 Text Domain:  oxygen
*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url("../oxygen/main.min.css");

/* Theme customization starts here
-------------------------------------------------------------- */

body { font-family: 'Source Sans Pro', sans-serif !important; background-repeat: no-repeat; text-align: justify;}
body .margin-bottom { display: block; margin-bottom: 35px; margin-top: 20px; }
body .no-padd-left { padding-left: 0; }
.page-id-7 .entry-title { display: none; }
body .introfluid { padding:30px; padding-bottom: 0; }
body .introfluid h1 { margin:0; }
body .post-thumbnail { border:none; }
body .entry-date { text-transform: uppercase; color:#444444; font-family: 'Montserrat', sans-serif; }
.page-id-5  header { background:transparent !important; }
body .left-sidebar .widget-title span { color:#BD9730; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 14px; }
body .left-sidebar ul { padding:0; }
body .left-sidebar ul li { list-style: none; }
body .left-sidebar ul a { color:#444444; }
body .left-sidebar .widget_search form {  padding:0; }
body .left-sidebar .btn-default.btn-lg { background: #bc9630; color: white; text-shadow: none;     border: 1px solid #bc9630; }
body .left-sidebar  input[type="text"]  { border:none;}
body .left-sidebar  input[type="text"]:focus  { outline: none; box-shadow: none;}
body .col-md-10 { padding:0; }
body .col-md-2 { padding:0; }
.page-id-7 .leaders h2 { padding-bottom: 10px; }
body .header { background-image: url('images/background.png');  }
body #page { padding-top: 40px; }
.home #page { padding-top: 0; }
.page-id-11 a.link { padding:5px 20px; color:white; background:#CEA732; border-radius: 5px; font-size: 16px; }
body img { border-radius: 5px; max-height: 100%; max-width: 100%; opacity: 1; transition: all 0.3s linear; }
body img:hover { opacity: 0.8; }
body .animated { animation-duration: 2s; }
body .fixed { position: fixed;  left:0; right:0; border-bottom: 1px solid #ccc; background: white; z-index: 99; }
body h1.entry-title { padding-bottom: 20px; }
body h1.entry-title a { color:#CEA732; }
body nav#top { display: none; }
body .breadcrumb { display: none; }
body .navigation {  margin-bottom: 40px;   margin-bottom: 0;  }
body #logo {padding-top: 15px;}
body .btn-primary { background: #CEA732; border-color: #CEA732; }
body .btn-primary:hover { background: #CEA732; border-color: #CEA732; }


body .introfluid hr {     border-top: 4px solid #cea765;
    width: 5%;
    margin-top: 10px; border-radius: 5px; display: inline-block; text-align: center; margin-bottom: 0;}

body .menu-custom { background:transparent; border:none; padding-top:25px; }
body .menu-custom .nav > li > a { margin-right:5px;color:#fff; text-shadow: none; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 15px; transition: all 0.2s linear;}
body .menu-custom .nav > li > a:hover, #menu .nav > li.open > a {     background: rgba(208, 160, 18, 0.80);border-radius: 5px;transition: all 0.3s linear; }

body .flexslider { border:none; margin-bottom: 10px; }

body .intro { padding-top: 20px; padding-bottom: 20px; }

body .white { color:#fff; }
body .yellow { color:#CEA732; }
body .yellow-background { background:#CEA732; border:none; font-size: 20px; transition: all 0.3s linear;  }
body .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { background: #CEA732;  outline: none; border:none;}
body .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-color: #b99731; }
body .intro-row { padding-bottom: 20px; text-align: center; display: inline-block;margin-bottom: 0; }

body .montserrat { font-family: 'Montserrat', sans-serif; }
body .whats-on-fluid { padding:50px; }
body .whats-on-fluid .location-title { padding: 15px; color: #fff; font-size: 16px; }
body .whats-on-fluid .location-title i { font-size: 16px; }
body .whats-on-fluid .title { padding: 35px 10px; padding-bottom: 10px; font-size: 28px; color: #fff; text-shadow: 0px 2px 10px #000; font-weight: bold; text-align: center; }
body .whats-on-fluid .post { border-radius: 5px; background:white; height:auto; padding-right: 0;     box-shadow: 0 0 21px #929090; background-size: cover; }
body .whats-on-fluid .letter-spacing { padding-top: 35px; text-transform: uppercase; letter-spacing: 7px; text-align: center; font-size: 14px; color: #fff; margin: 0; }
body .whats-on-fluid .date { display: block; background: rgba(206, 167, 50, 0.95); font-size: 13px; padding: 25px; border-radius: 5px; color: white; text-transform: uppercase; margin: 15px; text-align: center; }
body .whats-on-fluid .location { text-transform: uppercase; font-family: 'Montserrat', sans-serif; }

body .whats-on-fluid .calendar { padding-top: 40px; }
body .whats-on-fluid h2.margin {     margin-top: 0; margin-bottom: 40px; }

body .quick-links .colpanel { background-image: url('images/background-people.png');  padding:70px; background-size: cover;  }
body .quick-links .colpanel2 { background:#a07b3b;  background-image: url('images/podcasts.png'); }
body .quick-links .colpanel3 {  background-image: url('images/background-contact.png'); }
body .quick-links .colpanel4 { background-image: url('images/background-statement.png'); }
body .quick-links h2 { color: white;  }
body .quick-links h4 { color: white; margin-bottom: 30px; }
body .quick-links .fa { color: white; border-radius: 50%; font-size: 40px; }
body .quick-links a { border-radius: 500px; background:white; color:#bb9451; padding:10px 30px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
body .quick-links .colpanel2 a { color:#41578f; }
body .quick-links .colpanel4 a { color:#664C51; }
body .quick-links a:hover { transition: all 0.3s linear; }


body .kids { padding:50px; padding-bottom: 0;}
body .kidsrow { padding-bottom:60px; }
body .kids .col-sm-6 { padding:0; }
body .kids h2 { margin-top: 10px; }
body .kids-offer .fa { font-size: 40px; margin-top: 50px; margin-bottom: 25px; background: #CEA732; height: 100px; width: 100px; border-radius: 5px; color: white; line-height: 100px; }

body .offer { padding:50px; background-image: url('images/offer-bg.jpg'); background-size: cover;}
body .offer hr {     border-top: 3px solid white; width: 20%; margin-top: 20px; margin-bottom: 25px; }
body .offer h2 { color:white; }
body .offer h4 { color:white; }
body .offer { color:white; }

body .podcasts { background:#f1f1f1; padding:50px;}
body .podcasts .fa-microphone { font-size: 40px; margin-top: 20px; display: inline-block; margin-right: 20px;}
body .podcasts h2.padding-bottom { padding-bottom: 40px; }
body .podcasts h4 { display: inline-block; }
body .podcasts .col-sm-4 div { background:white;  border-radius: 5px; box-shadow: -2px 10px 5px -5px rgba(0, 0, 0, 0.3); padding:20px;}

body .flexslider { box-shadow: none; }
body .flexslider img { border-radius: 0; }
body .flexslider img:hover { opacity: 1; }
.home .footer { margin-top: 0; }
body .footer { border-top: none; padding:15px; padding-bottom: 5px; background: #2b2b2b; margin-top: 0; }
.home .footer-top { margin-top: 0; }
body .footer .footer-logo { padding-top:0px; }
body .footer .menu-main li { list-style: none; }
body .footer .menu-main { padding:0; }
body .footer .socialcol { padding:20px; text-align: center; background:#cea732; border-radius: 5px; margin-top: -50px; margin-bottom: 20px; }
body .footer .socialcol .fa {     color: #a08227; font-size: 13px; background: white; border-radius: 50%; height: 30px; width: 30px; line-height: 30px; }
body .footer .socialcol h5 { color:white; margin-top: 0; }
body .footer-top  {  margin-top: 35px; border-top: none;  padding:15px; padding-bottom: 20px; padding-top: 20px; background: #2b2b2b;}
body .footer-top  h5 { text-transform: uppercase; margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif; display: inline; margin-right: 15px;}
body .footer-top .fa {  display: inline-block;   height: 40px; width: 40px; background: white; border-radius: 50%; line-height: 40px; margin-left: 21px; color: #000;  margin: auto;
}

body .footer-bottom {  margin-top: 0; border-top: none; padding:30px; background:#1f1e1e; }
body .footer-bottom .logo { padding-top: 35px; }
body .footer-bottom .fa { display: inline-block; margin-right: 10px;}
body .footer-bottom p { display: inline-block; }
body .footer-bottom h5 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; position: relative; display: inline-block; margin-bottom: 30px;}
body .footer-bottom .menu-main { padding: 0; }
body .footer-bottom .menu-main li { list-style: none; }

body .footer-bottom h5:before { content: ""; position: absolute; left: 0; bottom: -10px; width: 100%; height: 2px; background: #a08227; }
body .footer-bottom h5:after { content: ""; position: absolute; left: 0; bottom: -10px; width: 70%; height: 2px; background: #fff; }




@media (min-width: 767px ){
	.home .header-fixed { position: fixed !important; background: rgba(0, 0, 0, 0.60) !important; transition: all 0.3s ease-out; left:0; right:0; z-index: 99;}
    .home .navigation { position: fixed; left:0; right:0;  background:transparent; z-index: 99; transition: all 0.3s ease-out;  }
}

@media (max-width: 767px) {
    body .logocol { background:#000  !important;}
    body .whats-on .col-sm-4 { margin-bottom: 45px; }
	body .header { text-align: center !important; }
	body .text-right { float: none; text-align: center; }
	body .menu-custom #category { display: none !important; }
	body .menu-custom { display: inline-block; }
	body .menu-custom .btn-navbar { background-color: #CEA732; background-image: none;
    border: none; margin:0; float: none !important;  }
    body #logo { display: inline-block; text-align: center; }
    body .menucol { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
    body .menu-custom .nav > li > a { color:#5a5a5a; }
    body .menu-custom { padding-top: 20px; }
    body .whats-on-fluid { padding:20px; }
    body .whats-on-fluid .col-sm-4 .padding { margin-bottom: 10px; }
    body .whats-on img {   max-width: 100%; }
    body .podcasts .fa { font-size: 60px; }
    body .whats-on-fluid .location-title { margin-left: 0; padding-left: 0; }
    body .whats-on-fluid .date { padding-left: 0; }
    body .whats-on-fluid .by-pastor h2 { font-size: 16px !important; }
	body .menu-custom .btn-navbar:hover, .menu-custom .btn-navbar:focus, .menu-custom .btn-navbar:active, .menu-custom .btn-navbar.disabled, .menu-custom .btn-navbar[disabled] { background-color:#CEA732; outline:none;  }
	body .introfluid hr { display: inline-block; text-align: center; width: 10%; }
    body .footer-bottom .logo { display: inline-block; margin-bottom: 20px; }
    body .header { background-image: none; }
    body .menu-custom .nav > li > a:hover, #menu .nav > li.open > a { background:transparent; border-radius: none; transition:none; }

}

@media (min-width: 768px) and (max-width: 768px ) { 

	body .whats-on-fluid { padding:20px 0px 20px; }
	body .kids { padding:20px 0px 20px; }
	body .kids .col-sm-6 { padding:20px; }
	body .kids h2 { font-size: 20px;  }
	body .podcasts  { padding:20px 0px 20px; }
	body .podcasts .fa { font-size: 60px; padding-top: 30px; }
 }


@media (max-width: 768px) {
	body .header #logo-mobile img {  max-width: 120px; }
	body .header #logo-mobile { display: inline-block; padding: 20px; padding-bottom: 10px; }
	body .leaders .text-center { text-align: left !important; }
	body .flexslider img { border-radius: 0; }
	body .footer-bottom .logo-mobile img {  max-width: 120px; }
	body .footer-bottom .logo-mobile  {display: block; margin-bottom: 15px;}
	body .footer-bottom  {padding-top: 0;}
	body #leaders img { display: block; }
}