/*
Theme Name: johnville child
Template:  sparkling

*/
@import 'https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700';

body {
  color: #6B6B6B;
  background-color: #fff;
  word-wrap: break-word;
  font-family: 'Ubuntu', sans-serif;
  line-height: 1.4;
  font-size: 14px;
  overflow-x:hidden;
  
}
.navbar.navbar-default {
    background-color: #012538;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    margin-bottom: 0;
	border-radius:0px !important;
	border:0px !important;
	padding:5px 0px;
}
.post-inner-content {
 padding: 0px;
 border:0px !important;
}
.main-content-area {
    margin-bottom: 0px;
    margin-top: 0;
}
.page-content, .entry-content, .entry-summary {
    margin: 0 0 0;
}
#colophon{
background:#f37755;	
border-top: 0 solid #3a3a3a;
}
.tel{
background:#f37755;
color:#fff;
text-align:center;
font-size:24px;
margin-top:5px;	
}
.tel a{color:#fff;text-decoration:none;}
.nav.navbar-nav {
    float: none;
    text-align: center !important;
}
.navbar-collapse{border:0px;box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1) inset;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
background-color: #012538 !important;color: #f37755;}
.navbar-default .navbar-nav > li > a.focus, .navbar-default .navbar-nav > li > a:hover{color:#f37755} 
.navbar-default .navbar-nav > li > a {color: #fff;padding-left:40px;padding-right:40px;}
#menu-header-menu{padding-left:100px;}
.hm-w .textwidget{font-size:31px;color:#000000}
.hm-w .textwidget span{color:#f37755}
.hm-m .textwidget{color:#393939;font-size:15px;}
.widget ul li {border-bottom: 0 solid #f2f2f2;font-size:28px;color:#f37755;list-style: disc inside none; !important;}
.widget ul li span{font-size:22px;color:#012538 !important;}

.hm-o .textwidget{font-size:31px;color:#fff}
.hm-o .textwidget span{color:#f37755}
.hm-b .textwidget{font-size:15px;color:#fff}

.hm-d .textwidget{font-size:31px;color:#012538;text-align:center}
.hm-d .textwidget span{color:#f37755} 
.vi-t{padding:30px 0px;}
.vi-t .widget-title{font-size:49px;color:#f37755;}
.vi-t .textwidget{font-size:15px;color:#fff;}

.vi-m{background:#f0f0f0;margin-top:30px;min-height:540px}
.vi-m .widget-title{font-size:26px;color:#f37755;padding:5px;}
.vi-m .textwidget{font-size:15px;color:#001b29;padding:10px}

.vi-b{background:#f0f0f0;margin-top:30px;min-height:400px}
.vi-b .widget-title{font-size:26px;color:#f37755;padding:5px;}
.vi-b .textwidget{font-size:15px;color:#001b29;padding:10px}

.cn-t .widget-title{font-size:40px;color:#fff;padding:125px 0px 50px 0px;text-align:center}
.cn-t .textwidget{font-size:25px;color:#fff;text-align:center}
.cn-contact .widget-title{font-size:50px;color:#f37755;padding:50px 0px 50px 0px;text-align:center}
.cn-contact .textwidget{font-size:50px;color:#f37755;padding:50px 0px 0px 0px;text-align:center;text-decoration:underline}

.cn-frm .widget-title{font-size:30px;color:#414141;padding:50px 0px 20px 0px;text-align:center}
.cn-frm .textwidget{font-size:20px !important;color:#414141;}

.cn-info{padding-top:40px}
.cn-info .widget-title{font-size:22px;color:#414141;padding:20px 0px;font-weight:bold}
.cn-info .textwidget{font-size:22px;color:#414141;}


.wpcf7-submit{width:100%;background:#f37755;border-radius:5px;font-size:22px}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    color: #000;
	font-size:18px !important;
    width: 100%;
	height:50px;
}
textarea {height:180px;}
label{padding-top:10px}
.footer-nav.nav {
    float: unset;
    margin-bottom: 2px;
	
}
#footer-area ul li {
    border-bottom: 0 solid #444;
}
#footer-area a {
    color: #fff;
}
.footer-btm{text-align:right}
.msp-cn-172-1 {
    background-color: transparent !important;
    color: #012538;
     font-family: 'Ubuntu', sans-serif !important;
    font-size: 30px !important;
    font-weight: 300;
    line-height: normal;
    padding: 10px 15px;
}
.msp-cn-172-1 span{color:#f37755}
.msp-cn-2-15 {
    background-color: transparent !important;
    color: #f37755 !important;
     font-family: 'Ubuntu', sans-serif !important;
    font-size: 30px!important;
    font-weight: 300;
    line-height: normal;
    padding: 0px 15px;
}
.ms-slide-info{display:none}
.ms-align-bottom{min-height:10 !important;}
 /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
     
	 #menu-header-menu {
	 padding-left: 0px !important;}
	.nav.navbar-nav {
    text-align: justify !important;}
    .footer-btm{text-align:center}
	.cn-t .widget-title {font-size:24px;}
	.cn-t .textwidget {font-size: 20px;text-align: justify;}
	.cn-contact .textwidget {color: #f37755;font-size: 37px;padding: 20px 0 0;}
	.tel{margin-top:10px;}
	.vi-t .widget-title {font-size: 30px;}
.msp-cn-172-1 {
    background-color: transparent !important;
    color: #012538;
    font-family: "Ubuntu",sans-serif !important;
    font-size: 20px !important;
    font-weight: 300;
    line-height: normal;
    padding: 10px 15px;
}
.msp-cn-2-15 {
    background-color: transparent !important;
    color: #f37755 !important;
    font-family: "Ubuntu",sans-serif !important;
    font-size: 22px !important;
    font-weight: 300;
    line-height: normal;
    padding: 0 15px;
}
.msp-cn-172-3{display:none}
	 
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }