/*
Theme Name: College
Theme URI: http://ketchupthemes.com/college-theme
Author: Alexandros Itsios
Author URI: http://ketchupthemes.com/alex-itsios
Description: College is a responsive WordPress theme for universities that want to have an online presentation. Some of the features that the College 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.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, pink, blue, one-column, two-columns, three-columns, four-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, sticky-post, theme-options, translation-ready
TextDomain: college
*/
/***
*
GENERAL
*
***/
html {font-size: 1em;}
*{
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
  font-family: 'roboto_slabregular';
  line-height: 1.45;
   -ms-word-wrap: break-word;
    word-wrap: break-word;
}
p {margin-bottom: 1.3em;}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  /*line-height: 1.2;*/
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family:'latoregular';
    letter-spacing: 1.2px;
    font-weight:700;
}
img {
    max-width: 100%;
    height: auto;
}
a{  
    color:#0265a2;
    text-decoration:none;
    font-family:'latoregular';
}
/***
*
DEFAULT WORDPRESS CLASSES
*
***/
.wp-post-image {
    height: auto;
    max-width: 100%;
}
.alignnone {
    margin: 5px 20px 3px 20px;
}
.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{}
table {
    width:90%;
    border-top:1px solid #000000;
    border-right:1px solid #000000;
    
    border-collapse:collapse;
}
th,td {
    color:#000000;
    border-bottom:1px solid #000000;
    border-left:1px solid #000000;
    padding:.3em 1em;
    text-align:center;
}
dt {
    font-weight: bold;
    text-decoration: underline;
  }
dd {
    margin: 0;
    padding: 0 0 0.5em 0;
  }
/***
*
HEADER
*
***/
#kt-top-bar{
    background:#016ea9;
    border-bottom:8px solid #f0bd14;
}
/* Main Navigation */
.slicknav_menu{
    display:none;
}
#nav {
    position:relative;
    margin:0 auto;
}

ul#navigation {
    margin:0px auto;
    position:relative;
    font-family:'latoregular',sans-serif;
}

ul#navigation li {
    display:inline;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0;
    float:left;
    position:relative;
}

ul#navigation li a {
    color:#ffffff;
    letter-spacing:1px;
    padding:10px 15px;
    text-decoration:none;
    display:inline-block;
    background:rgba(1,101,169,0.7);
    font-weight:700;
    font-size:16px;
    -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;  
    /*color:#2f383d;*/
    font-weight:400;  
}

ul#navigation li a:hover {
    color:#F0BD14;
}

ul#navigation li a.first {
    border-left: 0 none;
}

ul#navigation li a.last {
    border-right: 0 none;
}

ul#navigation li:hover > a {
  
}
/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
/*these 2 styles are very important, 
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0; 
    line-height:20px;   
/*the next 2 styles are very important, 
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    width:180px;
    background:rgba(1,101,169,0.7);
/* 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;
    background:rgba(1,101,169,0.7);
}

ul#navigation ul li ul {
    top: 0;
    left: 180px; /* strong related to width:180px; from above */
}

ul#navigation ul li {
    clear:both;
    width:100%;
    border:0 none;
    border-bottom:1px solid #2c9fcb;
}

ul#navigation ul li a {
    padding:7px 15px;
    /*color:#2c9fcb;*/
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:180px;
    font-size:14px;
}
ul#navigation ul li a:hover{
   /* color:#3c0000; */
}
#kt-logo-area{
background:url('./img/header-bg.png');
padding:0 0 15px 0;
}
#kt-logo-area h1,
#kt-logo-area h4{
    color:#ffffff;
    margin:0.417em 0 0.20em;
}
#kt-header-image{
    border-bottom:8px solid #f0bd14;
}
/***
*
MAIN
*
***/
#kt-main{
    padding:30px 0;
}
.kt-article{
    border-bottom:2px dotted #f1c020;
    margin-bottom:70px;
    padding-bottom:50px;
}
.nopadding{
    padding:0;
}
    /*------*/
    /* Date */
    /*------*/
    .kt-article-date{
        position:relative;
        margin-top:8px;
    }
    .date-icon{
        position:absolute;
        display:block;
        height:25px;
        width:25px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color:#ffffff;
        top:4px;
        right:-11px;
        font-size:12px;
        padding:7px;
    }
    .the_date{
        color:#00b8ff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        text-align:center;
        padding:4px;
        height:61px;
        width:65px;
    }
    .the_date > .day{
        font-size:25px; 
        display:block;
    }
    .the_date > .month_year{
        font-size:12px;
    }
#kt-main h1{
    margin:0 !important;
}  
a.kt-article-title{
    margin:8px 0 2px 0;
    font-weight:bold;
    display:block;
}
.kt-article-meta, .kt-article-categories{
    font-size:13px;
    color:#000000;
}
.kt-article-categories,
.kt-article-tags{
    margin:20px 0;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    padding:8px 0;
}
.kt-article-tags p{
    margin:0;
}
span.post-categories{
    margin-left:30px;
}
span.post-categories i{
    margin-right:10px;
}
span.post-categories a{
    color:#000000;
}
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:12px;
    left:10px;
    font-family: 'ElegantIcons';
    content: '\7c';
    color: #ffffff;
    background:#1050a3;
    font-size:23px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-style: normal;
    width:35px;
    height:35px;
    text-align:center;
}
/****
*
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:2px 10px;
    background:transparent;
    color:#000000;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    webkit-box-shadow: inset 0px 2px 5px 0px rgba(181,181,181,1);
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(181,181,181,1);
    box-shadow: inset 0px 2px 5px 0px rgba(181,181,181,1);
}
p.form-allowed-tags{
    display:none;
}
p.form-submit input[type="submit"]{
   padding:16px 10px;
   background:#00b8ff;
   color:#fff;
   border:none;
   width:93%;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
p.form-submit input[type="submit"]:hover{
   color:#fff;
}
p.comment-form-author input[type="text"],
p.comment-form-email input[type="text"],
p.comment-form-url input[type="text"]{
    padding:2px 10px;
    background:transparent;
    color:#000000;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    webkit-box-shadow: inset 0px 2px 5px 0px rgba(181,181,181,1);
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(181,181,181,1);
    box-shadow: inset 0px 2px 5px 0px rgba(181,181,181,1);
}
.college_comment{
    padding:10px 0 20px 0;
    border-bottom:2px dotted #f1c020; 
    padding:30px 15px;
    margin:56px 30px;
    background:#e3e3e3;
    position:relative;
}
.college_comment:after , .college_comment:before{
    bottom: 100%;
    left: 55%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; 
}
.college_comment:after{
    border-color: rgba(227, 227, 227, 0);
    border-bottom-color: #e3e3e3;
    border-width: 8px;
    margin-left: -324px;    
}
.college_comment:before{
    border-color: rgba(227, 227, 227, 0);
    border-bottom-color: #e3e3e3;
    border-width: 8px;
    margin-left: -324px;
}
.children .college_comment{
    
}
.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:21px;
    color:#000000;
    font-weight:700;
    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;
}
.commentmetadata a{
     color:#00b8ff;
}
.comment-list .reply {
    margin: 10px 0 10px 0;
}
.comment-author .fn {
    color:#000000;
    font-weight: bold;
    display: block;
    font-size:16px;
    margin-top: -59px;
    padding-left: 89px;
}
.comment-author a {
    color: #2b2b2b;
    float:left;
    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{
   
}
.widget{
    margin: 0 0 30px 0;
    font-size:13px;
}
.widget h3{
    margin-top:8px 0 2px 0;
    font-size:18px;
    font-weight:600;
}
.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 a{
    color:#000000;
}
.widget form select{
    width:100%;
}
.tagcloud a{
    padding:5px 10px;
    background:#0C4DA2;
    color:#ffffff;
}
.tagcloud a:hover{
    padding:5px 10px;
    color:#0C4DA2;
    background:#ffffff;
    border:1px solid #0C4DA2;
}
.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;
}
#sbox > label {
    display:inline;
}
#sbox > .form-control{
    height: 16px;
    background: rgba(255,255,255,0.1);
    padding: 0 !important;
}
#sbox{
    padding:5px 5px 5px 10px;
    border:none;
    background-color: rgba(255,255,255,0.1);
    color:#5b5dbd;
    width:100%;
    position:relative;
}
#sbox #s {
    outline: 0;
    border: 0;
    width: 89%;
    float: left;
    color:#5c4152;
}
#searchsubmit {
    background: transparent;
    display: block;
    width: 11%;
    border: 0;
    color:#5c4152;
}
/***
*
FOOTER & WIDGETS
*
***/
#kt-footer .kt-sidebar{
    padding-left:0;
}
#kt-footer .widget{
    color:#ffffff;
}
#kt-footer .widget h3{
    color:#fff;
    font-size:16px;
    font-family: 'roboto_slabregular';
    font-weight:400;
}
#kt-footer{
  background:url('./img/header-bg.png');
  border-top:5px solid #F0BD14; 
  padding:20px 0 50px 0; 
}
#kt-copyright{
    background:#0e75ad;
    padding:10px 0;
}
#kt-copyright p{
    margin:0;
}
#kt-copyright a{
    color:#fefefe;
}
/***
*
BOOTSTRAP OVERRIDES
*
***/
@media only screen and (min-device-width: 320px) and (max-device-width: 768px), (max-width: 900px) {
.slicknav_menu{
       padding:10px 0;
       display:block;
       background:#ffffff;
   }
   #kt-main-nav{
       display:none;
   }
}