/*
Theme Name: School Premium
Theme URI: http://ketchupthemes.com/school/
Author: Alexandros Itsios
Author URI: http://ketchupthemes/alex-itsios
Description: School is a responsive WordPress theme for schools that want to have an online presentation. Some of the features that the school theme includes are multiple columns, recommended shortcodes, responsive layout (built on top of Twitter Bootstrap boilerplate), full width pages, pages with sidebars and more.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, silver, dark, light, one-column, two-columns, three-columns, four-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
TextDomain: school
*/

/***
*
GENERAL
*
***/
html{
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
body {
    word-wrap: break-word;
    background:#ffffff;
    font-family: 'quicksandbook',sans-serif;
    
}
img {
    max-width: 100%;
    height: auto;
}
a {
    text-decoration:none;
}
a:hover{
    text-decoration: none;
}
ul,ol{
    list-style:none;
    padding:0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin:10px 0;
    font-weight:400;
}
.kt-white{
    color:#fff;
}
.kt-blacky{
   color:#111111;
}
.kt-divider {
    border-top: 3px dotted #ccc;
    display: block;
    height: 3px;
    margin: 10px 0 10px 0;
}

/***
*
DEFAULT WORDPRESS CLASSES
*
***/
.wp-post-image {
    height: auto;
    max-width: 100%;
    border:5px solid #e77a7d;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 10px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    max-width: 96%; 
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}

.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
    float: left;
    margin-top: 0;  
    text-align: center;
    width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
    box-shadow: 0px 0px 4px #999;
    border: 1px solid white;
    padding: 2px;
    background: #f2f2f2;  
}
.gallery img:hover {
    background: white;
}
.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}
.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
.gallery-icon{
    position:relative;
}
img {
 opacity: 1.0;
 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;
 }
 a:hover img {
 opacity: .6;
 transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
 }
table {
    width:90%;
    border-top:1px solid #e5eff8;
    border-right:1px solid #e5eff8;
    
    border-collapse:collapse;
}
th,td {
    color:#678197;
    border-bottom:1px solid #e5eff8;
    border-left:1px solid #e5eff8;
    padding:.3em 1em;
    text-align:center;
}
dt {
    font-weight: bold;
    text-decoration: underline;
  }
dd {
    margin: 0;
    padding: 0 0 0.5em 0;
}
/***
*
HEADER
*
***/
#kt-logo-area{
    line-height:100px;
    font-weight:700;
    background:#263563;
}
.sticky-menu{
    z-index:100;
    width:100%;
}
#kt-logo{
    line-height:80px;
    font-size:26px;
}
#kt-search-field{
    margin-top:40px;
}
/* Main Navigation */
.slicknav_menu{
    display:none;
}
#nav {
    position:relative;
    margin:0 auto;
}

ul#navigation {
    margin:25px  auto 0 auto;
    position:relative;
    line-height:30px;
}
ul#navigation li {
    display:inline;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0;
    float:left;
    position:relative;
}
ul#navigation li.current-menu-item  > a{
    font-weight:bold;
}
ul#navigation li a {
    color:#ffffff;
    padding:10px 15px;
    text-decoration:none;
    display:inline-block;
    background: transparent;
    font-weight:400;
    font-size:16px;
    text-transform: uppercase;
    -webkit-transition:color 0.2s linear, background 0.2s linear;    
    -moz-transition:color 0.2s linear, background 0.2s linear;    
    -o-transition:color 0.2s linear, background 0.2s linear;    
    transition:color 0.2s linear, background 0.2s linear;  
}
ul#navigation li a.first {
    border-left: 0 none;
}
ul#navigation li a.last {
    border-right: 0 none;
}
ul#navigation li:hover > a {
    color:#76bff7;  
}
ul#navigation li:hover > ul{
    visibility:visible;
    opacity:1;
}
ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0; 
    line-height:15px;   
    /* Next 2 lines ar very important */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    width:180px;
    background:#9bcff7;
    /* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.3s linear, visibility 0.3s linear; 
    -moz-transition:opacity 0.3s linear, visibility 0.3s linear; 
    -o-transition:opacity 0.3s linear, visibility 0.3s linear; 
    transition:opacity 0.3s linear, visibility 0.3s linear;     
}
ul#navigation ul {
    top: auto;
    left: 0px;
}
ul#navigation ul li ul {
    top: 0;
    left: 180px;
}
ul#navigation ul li {
    clear:both;
    width:100%;
    border:0 none;
    border-bottom:1px solid #9bcff7;
}
ul#navigation ul li a {
    background:#9bcff7;
    padding:7px 15px;
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:180px;
}
.kt-search-form{
    line-height:20px;
    margin-top:40px;
}
.kt-search-form input[type="text"]{
    background:#f0f0f0;
    padding:5px 15px;
    border:none;   
    width:99%;
}

/***
*
BREADCRUMBS
*
***/
#kt-breadcrumbs{
  font-size:20px;
  margin:25px 0 20px 0;  
}
#kt-breadcrumb-container{
    background-color:#feeff0;
    padding:10px 5px;
}
#kt-breadcrumb-container > a{
    text-decoration:none;
}

/***
*
BELOW HEADER IMAGE / SLIDER 
*
***/
#kt-below-slider{
    margin: 0 0 0px 0;
    padding:5px 0 10px 0;
}
#kt-below-slider p{
    margin:10px 0 0 0;
}
.kt-portfolio-description{
    padding:10px 0;
    font-size:13px;
}
.kt-portfolio-description h2{
    text-align:right;
    margin:5px 0;
    font-weight:400;
}
.kt-portfolio-description p{    
    text-align:right;
    line-height:20px;
}
.kt-portfolio-description .portfolio-more-btn{
    float:right;
    padding:10px 25px;
    background:#336ab1;
    color:#fdfcfc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.kt-slide img{width:100%; height: auto;}

/***
*
MAIN
*
***/
.kt-main{
    margin:20px 0;
}
.kt-article{
    margin:0 0 50px 0;
}
.kt-article-title{
    
}
#kt-main-articles{
    margin:20px 0;
}
.nopadding{
    padding:0;
}
a.kt-article-title{
    margin:8px 0 2px 0;
    font-weight:bold;
    display:block;
}
.kt-article-meta, 
.kt-article-categories{
    font-size:13px;
    color:#a5b1b9;
}
.kt-article-categories,
.kt-article-tags{
    margin:20px 0;
    border-top:1px solid #e5ecef;
    border-bottom:1px solid #e5ecef;
    padding:8px 0;
}
.kt-article-tags p{
    margin:0;
    color:#a5b1b9;
}
span.post-categories{
    margin-left:30px;
}
span.post-categories i{
    margin-right:10px;
}
span.post-categories a{
    color:#a5b1b9;
}
blockquote{
    font-size:14px;
    padding:20px 70px;
    background-color:#f5f5f5;
    border-left:5px solid #1050a3;
    color:#9aa7af;
    border-top:1px solid #e4ebed;
    border-bottom:1px solid #e4ebed;
    border-right:1px solid #e4ebed;
    background-color:#f3f3f3;
    background:url('./img/quote_img.png') no-repeat;
    background-position: 1% 50%;
    margin:10px 0;
    font-weight:800;
    position:relative;
    font-style: italic;
}
blockquote:before{
    position:absolute;
    top:30px;
    left:10px;
    font-family: 'ElegantIcons';
    content: '\7c';
    color: #ffffff;
    background:#1050a3;
    font-size:30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-style: normal;
    width:40px;
    height:40px;
    text-align:center;
}

/****
* 
TEACHERS PAGE & POST TYPE
*
*/
.teacher-container{   
    padding:20px;
}
.teacher-container h1{
    text-align:center;
    color:#A3C3B8;
    font-size:60px;
    margin-bottom:50px;
}
.single-teacher-box{
    text-align: center;
    margin-bottom:30px;
    padding:20px;
    border:1px solid #cfcfcf;
}
.single-teacher-box:hover{
    border:1px solid #e77a7d; 
}

.teacher-img{
    margin:0 auto;
    display:block;
    border:1px solid #e77a7d;
}
.teacher-name h3{
    margin:20px 0;
    color:#e77a7d;
}
ul.teacher-socials{
    margin-top:15px;
    text-align:center;
}
ul.teacher-socials li{
    display: inline-block;
    margin: 0 2px;
}
ul.teacher-socials li a{
    font-size:30px;
    color:#6a7072;
}
ul.teacher-socials li a:hover{
    color:#e77a7d;
}
/****
*
COMMENTS
*
***/
p.comment-form-author{
    width:30%;
    display: inline-block;
    margin-right:5px;
}
p.comment-form-email{
    width:30%;
    display: inline-block;
    margin-right:5px;
}
p.comment-form-url{
    width:30%;
    display: inline-block;
}
p.comment-form-comment textarea{
    width:93%;
    padding:5px 10px;
    background:#ffffff;
    color:inherit;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
p.form-allowed-tags{
    display:none;
}
p.form-submit input[type="submit"]{
   padding:5px 10px;
   background:#E77A7D;
   color:#fff;
   border:1px solid #ffffff;
   border:none;
}
p.form-submit input[type="submit"]:hover{
   color:#e77a7d;
   background:#ffffff;
   border:1px solid #e77a7d;
}
p.comment-form-author input[type="text"],
p.comment-form-email input[type="text"],
p.comment-form-url input[type="text"]{
    padding:5px 10px;
    background:#ffffff;
    color:#fff;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
.ketchup_comment_body{
    background:#f8f8f8;    
    margin-top:50px;
}
.comment-body{
    padding:10px 0 20px 0; 
   
}   
.comment-body p{
    padding:10px 5px;
    margin:5px 30px;
}
.comments-area {
    margin: 20px auto;
    max-width: 100%;
    padding: 0 10px;
}
.comment_num{
    display:inline-block;
    background-color: #07a2d6;
    font-size:14px;
    padding:8px 10px;
    color:#191919;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.comment-reply-title,
.comments-title {
    margin: 10px 0 30px 0;
    padding-bottom:20px;
    font-size:16px;
    color:#7F8C8C;
    border-bottom:1px solid #323232;
}
.comment-list {
    list-style: none;
    margin: 0 0 48px 0;
}
.comment-author {
    font-size: 13px;
    line-height: 1.5;
}
.comment-reply-link{
    float:right;
}
.comment-list .reply,
.comment-metadata {
    font-size: 12px;
    line-height: 2;
    text-transform: uppercase;
}
.commentmetadata {
    font-size: 10px;
    width:65%;
    display:inline-block;
    vertical-align: sub;
    margin-top:25px;
}
.comment-list .reply {
    margin: 10px 0 10px 0;
}
.comment-author .fn {
    color:#7f8c8c;
    font-weight: bold;
    display: block;
    font-size:15px;
    margin-top: -59px;
    padding-left: 89px;
}
.comment-author a {
    color: #2b2b2b;
    float:right;
    font-size:14px;
}
.comment-author.vcard{
    width:30%;
    float:left;
    display:inline-block;
}
.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
    color: #767676;
}
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
    color: #07a2d6;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
    padding-top: 24px;
}
.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
    border-top: 0;
}
.comment-author {
    position: relative;
}
.comment-author .avatar {
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 80px;
    padding: 2px;
    top: 0;
    left: 0;
    width: 80px;
}
.says {
    display: none;
}
.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
    padding-left: 10px;
}
.comment-content {
    -webkit-hyphens: auto;
    -moz-hyphens:    auto;
    -ms-hyphens:     auto;
    hyphens:         auto;
    word-wrap: break-word;
}
.comment-content ul,
.comment-content ol {
    margin: 0 0 15px 15px;
}
.comment-content li > ul,
.comment-content li > ol {
    margin-bottom: 0;
}
.comment-content > :last-child {
    margin-bottom: 0;
}
.comment-list .children {
    list-style: none;
    margin-left: 10px;
}
.comment-respond {
    margin-bottom: 24px;
    padding: 0;
}
.comment .comment-respond {
    margin-top: 12px;
}
.comment-respond h3 {
    margin-top: 0;
    margin-bottom: 24px;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
    color: #767676;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
    font-size: 14px;
    line-height: 1.7142857142;
}
.no-comments {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    margin-top: 24px;
    text-transform: uppercase;
}
.comment-form label {
    display: block;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100%;
}
.form-allowed-tags,
.form-allowed-tags code {
    font-size: 12px;
    line-height: 1.5;
}
.required {
    color: #c0392b;
}
.comment-reply-title small a {
    color: #2b2b2b;
    float: right;
    height: 24px;
    overflow: hidden;
    width: 24px;
}
.comment-reply-title small a:hover {
    color: #41a62a;
}
.comment-reply-title small a:before {
    content: "\f405";
    font-size: 32px;
}
.comment-navigation {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 48px;
    text-transform: uppercase;
}
.comment-navigation .nav-next,
.comment-navigation .nav-previous {
    display: inline-block;
}
.comment-navigation .nav-previous a {
    margin-right: 10px;
}
#comment-nav-above {
    margin-top: 25px;
    margin-bottom: 0;
}

/***
*
SIDEBAR & WIDGETS
*
***/
#kt-sidebar{
    padding-left:20px;
}
.widget{
    margin: 0 0 30px 0;
    font-size:13px;
}
.widget h3{
    margin:0 0 10px 0;
    font-weight:400;
}
.widget .widget_text{
    text-align:justify;
}
.widget p, 
.widget ul, 
.widget ol, 
.widget table, 
.widget form, 
.tagcloud {
    padding: 5px;
}
.widget ul, .widget ol  {
  list-style:none;  
}
.widget ul li{
 padding:5px 0;
 border-bottom:1px solid #a3c3b8;
}
.widget ul li a{
    font-size:14px;
}
.widget ul li ul{
    padding-left:20px;
}
.widget ul li ul li{
    border:none;
}     
.widget form select{
    width:100%;
}
.tagcloud a{
    padding:5px 10px;
    background:#e77a7d;
    color:#ffffff;
}
.tagcloud a:hover{
    padding:5px 10px;
    background:#ffffff;
    color:#e77a7d;
}
.widget_search form input[type="text"]{
    width:80%;
    display:inline-block;
}
.widget_search form input[type="submit"]{
    width:18%;
    padding:8px 5px;
    display:inline-block;
    border:none;
    margin-left:-5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#kt-footer .kt-sidebar{
    padding-left:0;
}

/***
*
FOOTER & WIDGETS
*
***/
#kt-footer{
    background:#e1f1ec;
    padding:20px 0;
    color:#e9eaeb;
}
.footerwidget{
    text-align: left;
    color:#0f1010;
    font-size:16px;
    padding:15px 20px;
}
.footerwidget h3{
	font-size:24px;
	font-weight:400;
    color:#a3c3b8;
    margin-bottom:20px;
}
.footerwidget ul li{
 padding:5px 0;
 border-bottom:1px solid #a3c3b8;
}
.footerwidget ul li a{
    font-size:14px;
}
.footerwidget ul li ul{
    padding-left:20px;
}
.footerwidget ul li ul li{
    border:none;
}
.footerwidget a{
   color:#0f1010;
}     
.footerwidget a:hover{
    color:#E77A7D;
}
.foooterwidget_search form input[type="text"]{
    width:80%;
    display:inline-block;
}
#kt-copyright{
    font-size:14px;
    padding:5px 0;
    background:#a3c3b8;
    border-bottom:5px solid #ffffff;
    color:#efefef;
}
#kt-copyright a{
    color:#ffffff;
    font-size:14px;
}
#kt-copyright a:hover{
    color:#AB393E;
}
#social_footer a > i{
    font-size:14px;
    margin-right:5px;
}

/***
*
BOOTSTRAP OVERRIDES
*
***/
@media only screen and (min-device-width: 320px) and (max-device-width: 768px), (max-width: 900px) {
    
    .slider h1, .slider h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .slider ul li {
        width:100%;
        height:auto;
    }
    .slider .inner {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .slider p {
        font-size: 15px;
        width: 80%;
        margin: 0 auto;
    }
    .slicknav_menu{
       display:block;
   }
   .slicknav_menu{
       display:block;
       background:#A3C3B8;
   }
   .slicknav_btn{
       float:left;
       padding:10px;
       background:#E77A7D;
       color:#454545;
   }   
   #nav{
       display:none;
   }
   #kt-search-field{
    margin-top:5px;
}
#kt-footer .kt-sidebar{
    padding-left:20px;
 }    
 .comment-author .fn {
    color:#7f8c8c;
    font-weight: bold;
    display: block;
    font-size:15px;
    margin-top: 0;
    padding-left: 25px;
    padding-top:20px; 
}   
}