/*
Theme Name: Truffles Schema Child
Version: 1.0
Description: A child theme of Schema by MyThemeShop
Template: mts_schema
Text Domain: schema
*/

@import url("../mts_schema/style.css");

/* general */
.btn {
    color: #222 !important;
    background: linear-gradient(to bottom,#f6bf57 0%,#f5b63e 35%,#f4ad26 83%,#f3a40f 100%);
	border: 1px solid #f3a40f;
    padding: 10px 15px;
    text-transform: uppercase;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 1px 1px 1px #000;
    -moz-box-shadow: 1px 1px 1px #000;
}
.home .sticks {
    background-color:#f6bf57;
	color: #222;
}
.alignleft {
    float: left;
    margin: 0px 20px 20px 0px;
    border: 2px solid #ececec;
    margin-bottom:20px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}
.alignright {
    float: right;
    margin: 0px 0px 20px 20px;
    border: 2px solid #ececec;
    margin-bottom:20px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}
.alignnone {
    border: 2px solid #ececec;
    margin-bottom:20px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}
.center { text-align: Center; }
.clear { clear: both; }



/* header */
.homepage {
    /*background: #ffffff55;*/
}
.main-header { background: #fff; }
#header {
	background: #436c00;
}
.logo-wrap, .headerPhone, .headerInfo { float: left; padding: 1%; }
.logo-wrap { margin: 0; width: 39%; }
.logo-wrap #logo { text-shadow: 1px 1px 1px #2a3132; }
.headerInfo { width: 30%; text-align: right; margin-top: 0; }
.headerInfo p { color: #222; font-size: 22px; margin-bottom: 0; }
.headerPhone { text-align: center; margin-top: 15px; width: 25%; }
.headerPhone a {
	background: linear-gradient(to bottom,#f6bf57 0%,#f5b63e 35%,#f4ad26 83%,#f3a40f 100%);
	border: 1px solid #f3a40f;
	color: #222 !important;
	display: block;
	margin-bottom: 10px;
}
.phoned { font-size: 28px; margin-bottom: 10px;}
div.header-social-icons { background: none; border: 0px; }
div.header-social-icons a { background: #fff; border-radius: 50%; padding: 10px; width: 30px; text-align: center; line-height: 30px; margin: 0px 5px; font-size: 26px;}
div.header-social-icons::before { border: 0px; }
#primary-navigation .header-social-icons a, .header-social-icons a { padding: 0px 10px; }
.newCon { height: 75vh; background-position: center center; background-size: cover; }

.primary-slider-container { max-width: 100%; float: none; width: 100%; margin: 0px; }
.primary-slider-container img { float: none; width: 100%; }
.primary-slider-container .slide-caption { width: 94%; padding: 2% 3%; bottom: 0%; left: 0px; max-height: 50px; }
.slide-title { font-size: 32px !important; line-height: 34px; }
.owl-carousel .owl-item img { max-width: 100% !important; }
.primary-slider .owl-dots { bottom: 8%; top: inherit; right: 16%; }
.primary-slider { margin-bottom: 0; }

#secondary-navigation a { padding: 12px 18px; }
#page { padding-top: 0px; width: 100%; max-width: 100%; }
.navigation ul li { margin: 0 5px; }


/* welcome */

.welcome h1 { text-align: center; }
.welcome p { text-align: left; }
.welcome a, .homeWidgets a {
	color: #000 !important;
}
.welcome .container {
	background: rgba(177, 202, 128, 0.9);
	box-sizing: border-box;
    padding: 25px 35px 20px;
	margin: 35px auto;
}
p#mission {
    background-color: #7f7173;
    border-left: 10px solid #7bccb5;
    color: #fff;
    padding: 20px;
}
.welcome h1, .welcome p, .welcome { color: #222; }

/* home boxes */
.homeBoxes {
    background: #666 url(/wp-content/uploads/2018/10/bg-chiro2.png) fixed no-repeat center center; 
    background-size: cover;
    margin: 0px auto;
    height: auto;
    text-align: left;
    padding: 25px 0px;
    border-top: 5px solid #436c00;
}
.homeBoxes h3{
    color: #fff;
    font-size: 24px;
    margin-top: 0px;
    text-align: center;
}
.homeBoxes p{
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.5;
}
.homeBoxes .box01,
.homeBoxes .box02,
.homeBoxes .box03 {
    float: left;
    height: 200px;
    width: 31%;
    position: relative;
    padding: 1%;
}
.homeBoxes .box02{
    width: 32%;
}

/* home widgets */
.homeWidgets {
    margin: 30px auto;
    text-align: center;
}
.widgetBox {
    padding: 15px;
    box-sizing: border-box;
    width: -webkit-calc(33.33% - 20px);
    width: calc(33.33% - 20px);
    margin:0px 10px 20px;
    float: left;
    border-radius: 5px;
    background: linear-gradient(to bottom,#bab9b6 0%,#b1ca80 21%,#436c00 90%,#436c00 100%);
}
.widgetBox h2, .widgetBox h3 { color: #fff; text-align: center; }

.widgetBox.noMargin {
    margin-right: 0px;
}
.widgetBox img { width: 100%; }

.textwidget p {
    font-size: 16px;
    line-height: 1.5;
}
p.desc { color: #fff; min-height: 170px; }


/* inner pages */
#page.single { float: left; }
.article { background: rgba(255,255,255,0.9);  margin: 0 auto; float: none; }
.page h1.title { margin-bottom: 20px; }

/* footer */
footer { margin-top: 0; }
.copyrights { font-family: 'Source Serif Pro'; text-align: center; }
#copyright-note span { display: none; }
.to-top { float: none; }
#copyright-note .to-top span{ display: inline-block; font-size: 16px; line-height: 24px; }
#copyright-note .to-top a { color: #000 !important; }

.hide-d { display: none; }

#logo a { float: none !important; }
#logo img { width: 100%; max-width: 330px; }

/*Blog*/
.post-info{display:none;}
#featured-thumbnail {

max-width: 30%;
display: block;
position: relative;
overflow: hidden;
clear: both;
margin-bottom: 15px;
float: right;
}


.front-view-content {

float: left;
width: 69%;
}
body#blog #content_box{width:100%;}
body#blog #sidebar{display:none;}
.row {
    margin:0px -10px;
}

@media screen and (max-width: 1200px) {
	.navigation ul li { margin: 0; }
	#secondary-navigation a { padding: 12px 24px; }
}	

@media screen and (min-width: 881px) {
	.logo-wrap #logo { max-width: 350px; }
}	

@media screen and (min-width: 881px) and (max-width: 1100px) {
    #page, .container { max-width: 100% !important; }
    p.desc {
        min-height: 85px;
    }
    .welcome .container,
    .homeWidgets .container {
        width: 96%;
    }
}

/* mobile */
@media screen and (max-width: 880px) {
	.navigation ul li {
		margin: 0px;
	}
    .row {
        margin: 0px;
    }
    .logo-wrap { margin: 0 auto !important; padding: 0 !important; }
    .hide-d { display: block; padding-top: 20px; }
    #header { background: none; padding: 0; margin-bottom: 0px; }
    .mobileBtn { margin-bottom: 0px; }
    .mobileBtn a, .hours{ display: block; color: #fff; text-align: center; background: linear-gradient(to bottom,#b1ca80 0%,#b1ca80 21%,#436c00 90%,#436c00 100%); padding: 10px; border-radius: 10px; -moz-border-radius: 10px; margin: 10px !important;}
    .mobileBtn.phoneBtn { font-size: 20px; }
    .mobileBtn a:hover, .mobileBtn a:visited { color: #fff; }
    .primary-slider-container, .hide-xs { display: none; }
    .container, .welcome .container, .widgetBox { width: 96%; padding: 2%; }
    .widgetBox {
        margin:0px auto 20px;
    }
    .innerImage { display: none; }
    .homeBoxes, .homeWidgets, .welcome, .footerSocial, div.footer .copy { width: 100%; height: auto;}
    .box01, .box02, .box03 { width: 96%; float: none; margin-bottom: 20px; padding: 2%;}
    .welcome {margin: 20px auto;}
    .homeBoxes .box01, .homeBoxes .box02, .homeBoxes .box03 { width: 98%; }
    .post-content img { width: 100% !important; height: auto !important; }
    .footer-widgets.widgets-num-4 .f-widget:nth-child(even), .footer-widgets.widgets-num-3 .f-widget:nth-child(even),
    .footer-widgets.widgets-num-4 .f-widget, .footer-widgets.widgets-num-3 .f-widget    { width: 100% !important; max-width: 100% !important; }
    
    div.header-social-icons { float: none !important; text-align: center; background: none !important; }
    div.header-social-icons a { float: none; display: inline-block; position: relative; z-index: 9999; }
    .header-social-icons {  text-align: Center; float: none !important; }
    .header-social-icons a {  display: inline-block; font-size: 32px !important; width: 34px !important; line-height: 34px; color: #333 !important; }
}