/**

Theme Name: Clearly Child

Template: clearly

Description: child theme customized from Clearly theme by SiteOrigin

Author: BKINSLEY

Version: 1.1

License: GNU General Public License 2.0

License URI: license.txt

Text Domain: sparkling




*/


/* =Global
----------------------------------------------- */
/* Consistent fonts across all elements */
body{
background:#fff url(images/bg.png) repeat;
}
body,button,input,select,textarea{
color:#fff;
font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
line-height:1.5;
font-size:14px;
word-wrap:break-word;
}

/* Text elements */
p{
line-height:1.5;
font-size:13px;
margin-top: 0em;
margin-bottom:1.5em;
font-family: Georgia, Times, 'Times New Roman', serif;
color:#666666;
}

/* Links */
a{
color:#001588;
text-decoration:none;
}
a:hover{
color:#001588;
text-decoration:underline;
}


/* Headings */
h1,h2,h3,h4,h5,h6{
clear:both;
color:#001588;
}
hr{
background-color:#ccc;
border:1;
height:1px;
margin-bottom:1.5em;
}



/* =General Layout
----------------------------------------------- */
/* Positioning, flow and layout of the theme */
/* =General Structure
----------------------------------------------- */
#page{
background:white;
width:1000px;
margin:25px 0 0 125px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
#main{
padding-bottom:40px;
padding-top:40px;
zoom:1;
}
#main:before{
content:'';
display:block;
}
#main:after{
content:'';
display:table;
clear:both;
}
.archive #main,.blog #main{
background:url(images/page-bg.png) repeat-y top left;
}
.siteorigin-panels-home #main{
background-image:none;
}
#primary{
float:left;
width:550px;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-left:50px;
}
.page-template-template-full-php #primary,.siteorigin-panels-home #primary{
float:none;
width:auto;
margin-top:-20px;
margin-left:50px;
margin-right:150px;
}
#secondary{
float:right;
width:260px;
margin-right:0px;
}

/* =Entry Content
----------------------------------------------- */

.entry-content h1{
font-size:1.8em;
}
.entry-content h2{
font-size:1.65em;
}
.entry-content h3{
font-size:1.5em;
}
.entry-content h4{
font-size:1.35em;
}
.entry-content h5{
font-size:1.2em;
}
.entry-content h6{
font-size:1em;
}

.entry-title{
font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
line-height:1.5;
font-size:18px;
font-weight: bold;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom:0px;
margin-top:0px;
}


/* =Header and Menu
----------------------------------------------- */
#masthead{
zoom:1;
padding:25px 0  0px 50px;

}
#masthead:before{
content:'';
display:block;
}
#masthead:after{
content:'';
display:table;
clear:both;
}
#masthead .hgroup{
float:left;
}
#masthead .hgroup {
font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
font-size:14px;
font-style: plain;
letter-spacing: 0.5px;
}
#masthead .hgroup a:hover{
color:#001588;
text-decoration:none;
}
#masthead .hgroup .site-title .logo-icon{
width:25px;
height:25px;
display:inline-block;
float:left;
margin-right:6px;
margin-top:3px;
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
}
#masthead .hgroup .site-title .logo-icon.default-icon{
background-size:auto;
background-image:url(images/sprites/default-icon.png);
}
#masthead nav{
float:right;
margin:3px 0 0 0;
}

.main-navigation ul{
list-style:none;
margin:0;
padding-left:0;
font-size:14px;
letter-spacing: 0.5px;
color:#001588;
line-height:1em;
}
.main-navigation li{
display:inline-block;
position:relative;
margin-right:20px;
}
.main-navigation li:last-child{
margin-right:0;
}
.main-navigation a{
display:block;
color:#001588;
text-decoration:none;
color:inherit;
}
.main-navigation a:hover{
color:#001588;
padding-bottom: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
}

#masthead nav .current-menu-item {
color:#001588;
padding-bottom: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
}

#masthead nav .current-menu-item a:hover {
color:#001588;
padding-bottom: 0px;
border-bottom-width: 0px;
border-bottom-style: none;
}




/* =Sidebars and Asides
----------------------------------------------- */
#footer-widgets{
background:#fff;
zoom:1;
max-width:100%;
padding:45px 135px;
}



/* =Sidebar Widgets
----------------------------------------------- */
#secondary .widget{
background:#fff;
border-left: 1px solid #fff;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
padding:0 0 0 45px;
}

#secondary .widget .widget-title{
font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
line-height:1.5;
font-size:14px;
font-weight: normal;
color:#001588;
margin-top:0px;
margin-bottom:15px;
}


/* =Responsive Layout
----------------------------------------------- */
@media (max-width: 3000px) {

body.responsive #page{
width:900px;
}
body.responsive #masthead{
padding-left:50px;
padding-right:50px;
}
body.responsive #top-slider .nav-box{
padding-left:50px;
padding-right:50px;
}
body.responsive #top-slider .nav-box .directionNav a.prevNav{
left:50px;
}
body.responsive #top-slider .nav-box .directionNav a.nextNav{
right:50px;
}
body.responsive #primary{
margin-left:50px;
width:550px;
}
body.responsive.page-template-template-full-php #primary,body.responsive.siteorigin-panels-home #primary{
width:auto;
margin-left:50px;
margin-right:50px;
}
body.responsive #secondary{
margin-right:0px;
width:260px;
}
body.responsive article.loop-entry .entry-summary{
width:350px;
}
body.responsive .pagination .pagination-links{
width:350px;
}
body.responsive #main{
background-position:-100px 0px;
}
body.responsive #footer-widgets{
padding-left:35px;
padding-right:35px;
}
} 

@media (max-width: 1000px) {

body.responsive #page{
width:680px;
}
body.responsive #primary{
width:365px;
}
body.responsive.page-template-template-full-php #primary,body.responsive.siteorigin-panels-home #primary{
width:auto;
}
body.responsive #secondary{
width:175px;
}
body.responsive article.loop-entry .entry-summary{
width:215px;
}
body.responsive .pagination .pagination-links{
width:215px;
}
} 

@media (max-width: 680px) {

body.responsive #page{
width:340px;
margin:0 auto;
}
body.responsive #masthead{
padding-left:30px;
padding-right:30px;
}
body.responsive #masthead .hgroup{
width:auto;
float:none;
text-align:center;
}
body.responsive #masthead .hgroup .site-title{
display:inline-block;
}
body.responsive #masthead nav{
float:none;
text-align:center;
}
body.responsive #top-slider .nav-box{
padding-left:30px;
padding-right:30px;
}
body.responsive #top-slider .nav-box .directionNav a.prevNav{
left:30px;
}
body.responsive #top-slider .nav-box .directionNav a.nextNav{
right:30px;
}
body.responsive #top-slider .nav-box span{
display:block;
}
body.responsive #primary{
float:none;
width:auto;
margin:0 30px;
}
body.responsive.page-template-template-full-php #primary,body.responsive.siteorigin-panels-home #primary{
margin:0 30px;
width:auto;
}
body.responsive #secondary{
float:none;
width:auto;
margin:0 30px;
}
body.responsive #footer-widgets .widget{
display:block;
margin-bottom:25px;
float:none;
width:100%;
}
body.responsive article.loop-entry .entry-header{
margin-bottom:20px;
}
body.responsive article.loop-entry .entry-meta{
width:auto;
float:none;
padding-right:0;
margin-bottom:20px;
}
body.responsive article.loop-entry .entry-meta ul{
text-align:center;
}
body.responsive article.loop-entry .entry-meta ul li{
display:inline-block;
margin-right:20px;
}
body.responsive article.loop-entry .entry-meta ul li:last-child{
margin-right:0;
}
body.responsive article.loop-entry .entry-summary{
width:auto;
float:none;
}
body.responsive #main{
background-image:none;
}
body.responsive #footer-widgets .widget:last-child{
margin-bottom:0;
}
body.responsive .pagination .pagination-info{
padding:0;
width:100%;
text-align:center;
margin-bottom:15px;
}
body.responsive .pagination .pagination-links{
padding:0;
width:100%;
text-align:center;
}
} 

.menu-mobilenav-container{
text-align:center;
float:none;
}
/* We consider 680px to be mobile resolution */