/*

Theme Name: Celestial Lite Child

Theme URI: http://demo.styledthemes.com/celestial-free/

Description: Celestial Lite Child is created for you to take advantage of making changes to the parent theme of Celestial Lite without actually changing its files, you will do your customization from this child theme of Celestial Lite.



Template: celestial-lite

Version: 1.0.1

Author: StyledThemes.com

Author URI: http: //www.styledthemes.com/

Tags: light, white, three-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, translation-ready



License: GNU General Public License

License URI: license.txt 



Copyright: 2012-2013 Styledthemes.com





This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/







/* Add your css changes below this line */

@import url(http://fonts.googleapis.com/css?family=Marck+Script&subset=latin-ext);



.clear{

    clear: both;

}

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

    font-family: "trebuchet ms",helvetica, arial,sans-serif;

    color: #006eb8;

}



#st-content-wrapper{

    padding: 30px 0 0 0;

}

.lang_switch.btn-toolbar{

    text-align: right;

    margin:0;

}

.lang_switch img{

    height: 20px;

}

#logo img{

    max-height: 77px;

}

article.post{

    clear: both;

}

div.content-404 .form-search .input-append{

    float: none;

}

.content-404{

    min-width: 0;

}

article.hentry{

    border-bottom: 1px solid #dedede;

}

.more-link{

    clear: both;

    padding-top: 10px;

    padding-right: 10px;

    text-align: right;

    margin-bottom: 0.5em;

}

#nav-below{

    font-size: inherit;

}

span#homelink{

    display: none;

}

.fp-widget h3{

    background: #f6f6f6;

    padding: 3px 10px;

    color: #000;

}

.widget-title span{

    vertical-align: middle;

    margin-right: 8px;

    font-size: 130%;

}

.fp_latest_posts ul{

    list-style: none outside none;

    margin: 5px 15px 5px 20px;

}

.fp_latest_posts li{

    background: url("/wp-content/themes/celestial-lite/images/list-styles.png") no-repeat scroll -120px -790px rgba(0, 0, 0, 0);

    border-bottom: 1px solid #dedede;

    line-height: 1.125rem;

    padding: 8px 0 8px 16px;

}

#nav-below h3{

    display: none;

}

#menu-switch{

    display: none;

}

#menu-switch span.fa{

    vertical-align: middle;

    margin-right: 7px;

}

#menu-switch a.btn{

    font-style: normal;

}

#branding{

    padding-bottom: 0;

    min-height: 5.5em;

}

div.cust-gallery img{

    background: none repeat scroll 0 0 #eee;

    border: 1px solid #aaa;

    display: inline-block;

    margin: 4px;

    padding: 4px;

    max-width: 31%;

}

div.cust-gallery{

    text-align: center;

}

.header_message{

    background: none repeat scroll 0 0 #272b30;

    border-bottom: 3px solid #161718;

    border-top: 3px solid #161718;

    color: #c4cacf;

    font-family: 'Marck Script',cursive;

    font-size: 1.4em;

    padding: 12px 8px;

    text-align: center;

}

.header_message p{

    margin:0;

    padding: 0;

}

.icon_text{

    margin-bottom: 1em;

//    color: #848484;

}

#st-right .icon_text, #st-left .icon_text{

    color: #848484;

}

#st-right .icon_text a:hover, #st-left .icon_text a:hover{

//    color: #848484;

}

#st-footer-wrapper .icon_text a, #st-footer-wrapper .icon_text{

    color: #959798;

}

.icon_text span{

    vertical-align: middle;

    margin-right: 10px;

}



.menu-toggle{

    font-size: inherit;

    margin-top: 15px;

    padding: 8px 12px;

}

.menu-toggle span{

    vertical-align: middle;

    margin-right: 10px;

}



div.scf-banner{

    font-family: verdana, sans-serif;

    font-weight: bold;

    background-color: #006eb8;

    color: #fff;

    width: 100%;

    text-align: center;

}

div.scf-banner a, div.scf-banner a:hover{

    color: #fff;

}

div.scf-nadpis{

    font-size: 1.8em;

    padding-top: 8px;

}

div.scf-popis{

    font-size: 1em;

    padding-bottom: 8px;

}

div.scf-datum{

    font-size: 2.5em;

    position: relative;

    top: -4px;

}

#mce-EMAIL{

    display: block;

    max-width: 15em;

}

.main-navigation li{

    margin: 0 0 0 1.138em

}



html{

    font-size: 110%;

}

















/* add mobile query changes between the { }  */



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



.main-navigation li {

    margin: 0 0 0 0.338em;

}

	

}



@media (min-width: 1200px) {



}



@media (max-width: 979px) {





div.cust-gallery img{

    max-width: 45%;

}

}



@media (max-width: 767px) {



div#logo img{

    margin-left:0;

}

div#logo{

    width:60%;

}



.main-navigation li {

    margin: 0 0 0 0.638em;

}

.lang_switch.btn-toolbar{

    position: absolute;

    width: 35%;

    top: 18px;

    margin-left: 60%;

}



}



@media (max-width: 600px) {



#branding .span8{

    min-height:0;

}

#logo{

    width:60%;

    min-height: 4.7em;

}

.lang_switch.btn-toolbar{

    margin: 15px 0 15px 60%;

    top: 5px;

}

.lang_switch.btn-toolbar .btn-group{

    display: block;

}

.lang_switch.btn-toolbar a.btn{

    display: inline-block;

}

#menu-switch{

    display: inline;

}

.main-navigation{

    margin-bottom: 0;

}

.main-navigation ul.nav-menu.toggled-on {

    width: 100%;

    border: 1px solid #ccc;

//    margin-top: em;

}

.main-navigation li {

    margin:0;

}

.main-navigation li a{

    display: block;

    padding: 12px 0;

    border: 1px solid #ccc;

    font-size: 1.2em;

    background:#eee;

}

div.cust-gallery img{

//    display: block;

//    margin:  4px auto;

    max-width: 95%;

}

span#homeicon{

    display: none;

}

span#homelink{

    display: inline;

}

}



@media (max-width: 320px) {

#logo{

    width:55%;

}



}