/*

Theme Name: Pro &ndash; Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/
*{
 text-shadow: none;
 outline: none;   
}
/*
body header.masthead  {
    height: 0;
}
*/
body .x-logobar{
    /* background-color: rgba(248, 246, 246, 0.81); */
    box-shadow: none;
}
body .x-navbar {
   /* background-color: transparent; */
   box-shadow: none;
}

.masthead-stacked .desktop .x-nav {
    display: block;
    margin: auto;
}

 .masthead-inline .desktop .x-nav {
    float: left;
} 

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: None !important;
} 
.x-navbar-inner {
    background-color: #1053a2;
}
.icons-section h4 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.7px;
}
.icons-section .x-column {
    border-radius: 5px;
}
.facility h3
{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
h1.h-custom-headline.h1 {
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.logo span {
    font-size: 20px;
}.x-colophon {
    box-shadow: none;
    border-width: 0px;
    background: #313233;
    background: #333;
    color: #fff;
    padding: 30px 0 10px;
}
.top-bar-x ul {
    list-style-type: none;
    margin: 0;
}

.top-bar-x li {
    font-size: 18px;
    text-align: left;
    border-right: 1px solid #c2c9d2;
    padding-right: 0px;
    font-weight: 100;
    color: #9f9f9f;
    width: 100%;
}
.pull-right-t {
    float: right;
}
.top-bar-x span {
    display: inherit;
    text-align: left;
    font-weight: 900;
    color: black;
}
.x-colophon+.x-colophon {
  
    box-shadow: none !important;
}
footer.x-colophon h4.h-widget {
    color: #fff;
    font-weight: 100;
    font-size: 19px;
    text-transform: capitalize;
    margin-bottom: 16px;
}

footer.x-colophon .textwidget ul li a {color: #d6d6d6;font-size: 15px;/* text-decoration: underline; */}

footer.x-colophon .textwidget ul li a:hover {color:orange;}
footer.x-colophon .textwidget ul li {
    list-style: none;
    padding:3px;
}
footer.x-colophon .textwidget ul {
    margin-left: 0;
}
a.nav-button {
    border: 2px solid #90b0d5;
    padding: 10px 30px;
    margin-top: 20px;
    font-size: 17px;
    color: #1053a2;
    border-radius: 7px;
}
.tc-contact {
    margin-top: 16px;
    width: 100%;
    float: right;
}
.top-pad {
    padding-top: 15px;
}
.x-navbar {
    border-bottom: 0px solid #ccc !important;
 }
 .x-colophon.bottom .x-nav li a {
    display: block;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: unset;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    color: #c7c7c7;
}
.x-social-global {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}
.x-colophon.bottom .x-colophon-content {
    margin: 20px 0 10px !important;
    font-weight: 400;
    letter-spacing: 1px !important;
    line-height: 1.3;
    font-family: "Lato",sans-serif !important;
    font-size: 12px !important;
}
.x-colophon.bottom {
    padding: 30px 0 !important;
 }
 .facility h3 {
    font-size: 17px;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}
.masthead-stacked .x-brand {
    display: inline-block;
    float: left !important;
}
.desktop .sub-menu {
     background-color: #1053a2;
     font-size: 13px;
     text-transform: uppercase;
    }
    .about-icon i {
    padding: 20px;
    height: 0;
}

.about-icon h4 {
    font-size: 13px;
    text-transform: uppercase;
    color: #747c84;
    letter-spacing: 0.7px;
}
.about-icon {
    position: relative;
   margin-top: -100px !important;
}
.icon-list {
    font-size: 17px;
    color: #747c84;
}
.icon-list li {
    padding: 6px;
}
.about-icon .x-feature-box i:hover {
    color: #fe0000 !important;
}
.menu-primary-menu-container {
    background: #6d7886;
    color: white !important;
}

.menu-primary-menu-container a {
    color: white !important;
}

.menu-primary-menu-container li a:before {
    color: white !important;
    opacity: 1 !important;
}
.reg-form br {
    display: none;
}
span.wpcf7-list-item-label {
    padding-right: 10px;
}
.x-promo-content h4 {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 0.7px;
     color: #1053a2;
     line-height: 1.5;
     text-align: center;
     }
.facilities-tab img {
    border: 2px solid #d8d8d8;
}
.gallery-section .x-promo-content {
    padding: 1.4em;
   }
   .list-menu a {
    color: white;
    background: #b7572d;
    padding: 13px 12px;
    margin-bottom: 25px;
    font-size: 16px;
}

.list-menu li {
    list-style-type: none;
    display: inline-block;
    margin-bottom: 20px;
}
/*
li.page_item.current_page_item a {
    background-color: #862828;
    color: #ffffff;
}
*/
.list-menu a:hover {
   background-color: #ecbb2e;
   color: #ffffff;
}
.column, .columns					{float: left;margin: 0px 1% 6px;}
/* .column */
.one-sixth.column					{ width: 14.666%; }		/* 1/6 */
.one-fifth.column					{ width: 18%; }			/* 1/5 */
.one-fourth.column, .four.columns	{ width: 23%; }			/* 1/4 */
.one-third.column					{ width: 31.333%; }		/* 1/3 */
.two-fifth.column					{ width: 38%; }			/* 2/5 */

.one-second.column					{ width: 48%; }			/* 1/2 */
.three-fifth.column					{ width: 58%; }			/* 3/5 */
.two-third.column					{ width: 64.666%; }		/* 2/3 */
.three-fourth.column				{ width: 73%; }			/* 3/4 */
.four-fifth.column					{ width: 78%; }			/* 4/5 */
.five-sixth.column					{ width: 81.333%; }		/* 5/6 */
.one.column							{ width: 98%; }			/* 1/1 */
  
  
  .column input, .column textarea {
    background-color: #e7f1f4;
    border-width: 0;
    box-shadow: 0 0 0 0;
    color: #788386;
}
input.wpcf7-text::-webkit-input-placeholder {
   color: #000000 !important;
}

input.wpcf7-text:-moz-placeholder {
   color: #000000 !important;  
}

input.wpcf7-text::-moz-placeholder {
   color: #000000 !important;  
}

input.wpcf7-text:-ms-input-placeholder {  
   color: #000000 !important;  
}
input.wpcf7-number::-webkit-input-placeholder {
   color: #000000 !important;
}

input.wpcf7-number:-moz-placeholder {
   color: #000000 !important;  
}

input.wpcf7-number::-moz-placeholder {
   color: #000000 !important;  
}

input.wpcf7-number:-ms-input-placeholder {  
   color: #000000 !important;  
}
textarea.wpcf7-textarea::-webkit-input-placeholder {
   color: #000000 !important;
}

textarea.wpcf7-textareat:-moz-placeholder {
   color: #000000 !important;  
}

textarea.wpcf7-textarea::-moz-placeholder {
   color: #000000 !important;  
}

textarea.wpcf7-textarea:-ms-input-placeholder {  
   color: #000000 !important;  
}
.wpcf7-submit {
    text-shadow: none !important;
    background-color: #1053a2 !important;
    color: white !important;
    font-size: 15px !important;
}
.x-promo-content h5  {
    font-size: 17px;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}
.menu-primary-menu-container a:hover {
    background-color: transparent !important;
    color: #fff614 !important;
}
.menu-primary-menu-container a:active {
    background-color: transparent !important;
    color: #fff614 !important;
}
.menu-primary-menu-container .current-menu-item>a {
    background-color: transparent !important;
    color: #fff614 !important;
}
.x-widget-area h4 {
    border: 1px solid #ffffff75;
    padding: 10px;
    margin: 0;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0.5px;
    background: #1053a2;
    color: white;
}
.facilities-tab {
    background-color: white;
}
li.x-nav-tabs-item a {
    background-color: #1053a2;
    color: white;
    text-align: left;
}
.courses .x-tab-content .x-tab-pane {
    padding: 1%;
}
.courses h4 {
    margin: 0;
    font-size: 20px;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}
.courses table {
    border: 1px solid #ddd;
}

.courses table th {
    background-color: #dea26d;
    color: white;
}
.courses h5 {
    margin: 0;
    font-size: 20px;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
    color: white;
}
.table-ba td {
    border: 1px solid #ddd;
}

.table-ba th {
    border: 1px solid white;
}
.x-nav-tabs>.active>a, .x-nav-tabs>.active>a:hover {
    color: white;
    background-color: #dea26d;
    cursor: default;
    box-shadow: none !important;
}
.x-topbar {
    display: none;
}
.entry-header-data h1 {
    font-size: 25px;
    font-weight: 300 !important;
    letter-spacing: 0.1px;
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 1.4;
    color: #202020;
}
.news-box h2 {
    font-size: 25px;
    font-weight: 300 !important;
    letter-spacing: 0.1px;
    margin-top: 30px;
    margin-bottom: 35px;
    line-height: 1.4;
}
.news-box blockquote {
    margin: 0px;
    border-left: 2px solid #9C27B0;
    border-right: 0;
    padding: 0px;
    padding-left: 25px;
    padding-top: 0px;
    font-weight: 300;
    color: #202020;
    margin-bottom: 30px;
    border-top: 0px;
    border-bottom: 0px;
    padding-right: 75px;
}
.news-box p {
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 2;
    text-align: left;
    font-weight: 300;
    color: #202020;
}
.news-box .entry-wrap {
    padding: 20px 0px;
    box-shadow: none;
}
.news-box {
    padding: 55px;
    background-color: white;
    border-radius: 10px;
    margin-top: 60px !important;
}
body.single-post.single-format-standard {
    background: #f8f8f8;
}
h4.h-widget {
    font-size: 25px;
    font-weight: 300 !important;
    letter-spacing: 0.1px;
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 1.4;
    color: #202020;
}
aside.x-sidebar li a {
    color: #1053a2;
}

aside.x-sidebar li a:hover {
    color: #812220;
}
.list-menu {
    text-align: center;
}
a.x-scroll-top {
    color: #ffffff;
    background: #1053a2;
    border: 1px solid black;
    opacity: 1 !important;
}
a.x-scroll-top:hover {
    color: #F44336;
    background: #fefbae;
    border: 1px solid #F44336;
    opacity: 1 !important;
}
.faculty-list h6 {
    margin: 0;
    font-size: 18px;
}
/*************************************/
@media (max-width: 979px) {
    .x-btn-navbar {
        padding: 0;
        text-shadow: none;
        box-shadow: none !important;
        position: relative;
        background-color: rgba(255, 255, 255, 0) !important;
        padding-right: 6%;
    }

    .x-brand {
        margin-left: 6%;
        /* padding-bottom: 18.5px; */
        /* margin-top: 5px !important; */
        /* margin-bottom: 5px; */
    }

    .x-navbar .mobile .x-nav,.x-navbar .mobile .x-nav li ul {
        margin: 0 0 0 0;
    }

    .x-navbar .mobile .x-nav li ul {
        background-color: rgb(240,238,226);
    }

    .x-navbar .mobile .x-nav li ul li {
        margin-left: 72px;
    }

    .x-navbar .mobile .x-nav li ul li a {
        text-transform: uppercase;
        padding-left: 0;
    }

    .x-navbar .mobile .x-nav li> a {
        background: rgb(240,238,226);
        text-align: left;
        font-size: 14px;
        color: #000000 !important;
        border-color: #fff;
        padding: 13.5px 6%;
    }

    .x-navbar .mobile .x-nav .current-menu-item > a {
        color: #a53692 !important;
    }

    .x-navbar-inner {
        /* padding: 18.5px 0 0 0; */
    }

    .x-navbar-inner .x-container {
        width: 100% !important;
    }

    .x-btn-navbar i:before {
        font-size: 40px;
        color: #3f4297;
    }

    
    .x-brand img {
      width: 240px;
    }

    .x-navbar {
        /* height: auto !important; */
        /* padding-bottom: 22px; */
    }
.x-navbar-inner {
    min-height: 55px !important;
}
/*
a.x-brand {
    height: 0;
}
*/
.tc-contact {
      display: none;
}
/*
.x-navbar-wrap {
    position: absolute;
    right: 25px;
    top: 20px;
}
*/
.x-navbar-inner {
    background-color: transparent;
}


.masthead-stacked .x-navbar {
    text-align: right;
    /* position: absolute; */
    width: 100%;
    top: 0;
}
.x-navbar-wrap {
    height: auto;
}

.x-logobar {
    position: absolute;
    z-index: 99999;
    height: 60px;
}

.masthead-stacked .x-brand {
    display: inline-block;
    float: none !important;
}
.x-btn-navbar {
    margin-top: 15px !important;
    margin-bottom: 10px;
}
.x-brand img {
   width: 250px !important;
}
.x-topbar {
    display: block ;
}
.x-topbar .p-info
{
    display: none ;
}
.x-topbar {
    background-color: #23282d;
    color: white;
}
.x-topbar a {
    color: white;
    padding: 3px 5px;
    font-size: 13px;
}

.x-topbar p {
    margin-bottom: 3px;
    text-align: left !important;
}
.x-topbar .x-social-global {
    margin-top: 0px !important;
    margin-bottom: 4px !important;
    display: none !important;
}
.text-left {
    float: left;
}
.text-right {
    margin-top: 13px;
     float: right;
}
.news-box {
    padding: 20px !important;
    margin-top: 60px !important;
}
 .x-logobar {
     border-bottom: 0px solid #f2f2f2 !important; 

}
}

@media (max-width:767px) {
.icons-section .x-column {
    border-radius: 5px;
    width: 49%;
    display: inline-block;
    margin-left: 1%;
    margin-bottom: 1%;
}
div#vision {
    background-image: none !important;
}
} 
@media (min-width: 768px) and (max-width:991px){
    .x-logobar {
     border-bottom: 0px solid #f2f2f2 !important; 

}
.logo {
    width: 342px;
}
.facility .x-column {
    width: 49% !important;
    margin-right: 1% !important;
}
div#vision {
    background-position: 40% 10%;
}
}
@media (min-width: 981px) and (max-width:1150px){
    
    .top-bar-x li {
    font-size: 15px !important;
    }
}
