/*
Theme Name: Superior Specialist Academic Team
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: Yasir Ali
Author URI: mailto:yasira892@gmail.com
Description: 
Version: 1.1
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

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.
*/

.alignleft { float:left; margin-right:30px;}
.alignright { float:right; margin-left:30px;}

img.aligncenter { display: block; margin-left:auto; margin-right: auto; }
img.alignright,img.alignleft, img.alignnone, img.aligncenter,
figure.alignright,figure.alignleft, figure.alignnone { margin-bottom: 20px;}

/**/

.menu-description { display: none;}
.toggleBtnMenu { font-size: 3rem; margin-left: 3rem;}

/**/

/* background position */
.bg-position-left-top, .vc_row-has-fill.bg-position-left-top, .vc_col-has-fill .bg-position-left-top {background-position: left top !important}
.bg-position-left-center, .vc_row-has-fill.bg-position-left-center, .vc_col-has-fill .bg-position-left-center {background-position: left center !important}
.bg-position-left-bottom, .vc_row-has-fill.bg-position-left-bottom, .vc_col-has-fill .bg-position-left-bottom {background-position: left bottom !important}
.bg-position-center-top, .vc_row-has-fill.bg-position-center-top, .vc_col-has-fill .bg-position-center-top {background-position: center top !important}
.bg-position-center-center, .vc_row-has-fill.bg-position-center-center, .vc_col-has-fill .bg-position-center-center {background-position: center center !important}
.bg-position-center-bottom, .vc_row-has-fill.bg-position-center-bottom, .vc_col-has-fill .bg-position-center-bottom {background-position: center bottom !important}
.bg-position-right-top, .vc_row-has-fill.bg-position-right-top, .vc_col-has-fill .bg-position-right-top {background-position: right top !important}
.bg-position-right-center, .vc_row-has-fill.bg-position-right-center, .vc_col-has-fill .bg-position-right-center {background-position: right center !important}
.bg-position-right-bottom, .vc_row-has-fill.bg-position-right-bottom, .vc_col-has-fill .bg-position-right-bottom {background-position: right bottom !important}


/* ===================================
    Background image
====================================== */

.parallax {position: relative; background-size: cover; overflow: hidden; background-attachment: fixed;}
.fix-background {position: relative;  background-size: cover; animation-duration: 0s; animation-fill-mode: none; -webkit-animation-duration: 0s; -webkit-animation-fill-mode: none; -moz-animation-duration: 0s;  -moz-animation-fill-mode: none; -ms-animation-duration: 0s;  -ms-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: fixed}
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit}
.background-attachment-inherit {background-attachment: inherit}
.background-position-left {background-position: left center;}
.background-position-left-bottom {background-position: left bottom;}
.background-position-right {background-position: right center;}
.background-position-top {background-position: center top !important;}
.up-down-ani {display:table; position: relative; -webkit-animation-name: example; -webkit-animation-duration:.7s; -webkit-animation-timing-function: linear; -webkit-animation-delay:.7s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-name: example; -moz-animation-duration:.7s; -moz-animation-timing-function: linear; -moz-animation-delay:.7s; -moz-animation-iteration-count: infinite; -ms-animation-name: example; -ms-animation-duration:.7s; -ms-animation-timing-function: linear; -ms-animation-delay:.7s; -ms-animation-iteration-count: infinite; -ms-animation-direction: alternate; animation-direction: alternate; animation-name: example; animation-duration:.7s; animation-timing-function: linear; animation-delay:.7s; animation-iteration-count: infinite; animation-direction: alternate; margin:0 auto;}
.background-position-x-50 {background-position-x: 50% !important;}


/* ------------------------- */

.screen-reader-text {border: 0;clip: rect(1px,1px,1px,1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute!important;width: 1px;word-wrap: normal!important;}

.error404 .page-content .search-form,.search .page-content .search-form{margin-bottom:3em;}
.search-form{position:relative;max-width:500px;}
.search-form input[type="search"]{color:#666;background:#fff;background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));border:1px solid #bbb;display:block;padding:12px;width:100%;}
.search-form input[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
.search-form input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
.search-form .search-submit{background-color: #0c386d;border:0;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-size:0.875rem;font-weight:500;line-height:1;text-shadow:none;-webkit-transition:background 0.2s;transition:background 0.2s;bottom: 3px;padding: 0.5em .75em;position:absolute;right:3px;height: 41px;}
.search-form .screen-reader-text{display:none;}
.search-form .search-submit:hover{background-color:#e70453;}
.sideBBar .icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em;}
.search-form .search-submit .icon{height: 18px;top:-2px;width: 18px;display:block;fill: currentColor;}
span.required{color:#3b3a3a;font-size:14px;font-family:sans-serif;position:relative;top:-4px; font-display: auto;}
.comments-title{display:none;}
.comment-metadata a{font-size:10px;color:#333;}
ol.comment-list{list-style:none;padding:0;}
.comment-respond p,.comment-content p{margin-bottom:15px;}
.reply{margin:0 0 30px;}
.reply a{color:#3b3a3a;}
.reply a:hover{color:#000;}
.comments-area .comment-reply-title{margin:0 0 10px;}
.comment-awaiting-moderation{margin-bottom:15px;color:#3b3a3a;}
.comment-respond label{width:100%;margin-bottom:15px;font-weight:500;display:initial;}
.comment-respond input[type="text"],.comment-respond textarea,.comment-respond input[type="url"],.comment-respond input[type="email"]{width:100%;padding:5px 10px;}
.comment-respond button,.comment-respond html input[type=button],.comment-respond input[type=reset],.comment-respond input[type=submit]{padding:15px 30px;font-size:1rem;font-weight:600;text-transform:uppercase;outline:none;border:none;}
.comment-respond button:hover,#wp-comment-cookies-consent{margin-right:5px;}

.updated,
.entry-footer .cat-tags-links,
.widget .search-form label {display:none;}

.widget + .widget { margin-top:2rem;}

.blogSidebar{margin-top:10px;}
.searchForm{background-color:#3b3a3a;padding:20px;margin-bottom:30px;}
.searchForm .search-form{max-width:100%;}
.searchForm h4{color:#fff;margin:0 0 20px;line-height:1;}
.searchForm .input-group{background-color:#fff;}
.searchForm .form-control{border:none;height:50px;}
.searchForm .btn{padding:0 15px;line-height:50px;border-radius:0;background-color:#fff;border:none;color:#3b3a3a;}
.catList h4{margin-top:20px;}
.blogSidebar{text-align:left;}
.blogSidebar ul{margin-bottom:0;margin-top:10px;padding:0;list-style:none;background-color:rgba(0,0,0,.03);}
.blogSidebar ul li{position: relative;}
.blogSidebar ul li a{display:block;padding:15px;border-bottom:1px solid #e5e5e5;color:#3d4543;font-weight:normal;font-size:14px;font-family:'Montserrat',sans-serif; font-display: auto;}
.blogSidebar ul li a:hover{background-color:#eeeeee;color:#3b3a3a;border-bottom-color:#eeeeee;text-decoration:none;}
.blogSidebar ul li a:after {font-size: 1.3em;border-top: 5px solid transparent;border-left: 5px solid #242121;border-bottom: 5px solid transparent;content: "";position: absolute;right: 15px;top: 50%;margin-top: -5px;margin-right: -2px;height: 0;width: 0;}
.blogSidebar ul li a:hover::after{color:#3b3a3a;}
.blogSidebar .widget-title{font-size:34px;margin-top:20px;margin-bottom:10px;}
.content .icon.icon-search{display:none;}
.content .search-submit .icon.icon-search{display:block;}
/* .search-form .search-submit svg use{fill:#fff;} */

.comments-area .comment-respond button,
.comments-area .comment-respond html input[type=button],
.comments-area .comment-respond input[type=reset],
.comments-area .comment-respond input[type=submit]{padding:10px 30px;background-color: #0c386d;color:#fff;}
.comments-area .comment-respond button:hover,
.comments-area .comment-respond html input[type=button]:hover,
.comments-area .comment-respond input[type=reset]:hover,
.comments-area .comment-respond input[type=submit]:hover{background-color: #e60453;color:#fff;}

.updated,.entry-footer .cat-tags-links{display:none;}
.nav-subtitle { display: none;}
.single-post .nav-links { display: flex;-ms-flex-pack: justify; justify-content: space-between; }
.nav-links .icon {width: 24px;height: 10px;display: inline-block;fill:currentColor;}

.pagination,
.pagination .nav-links {width: 100%;text-align: center;padding: 20px 15px;/* border-top: 1px solid; */}
.pagination .page-numbers {width: 40px;height: 40px;display: inline-block;border-radius:2px;color: #fff;line-height: 40px;font-size: 14px;font-weight: 300;background-color: #0c386d;}
.pagination a.page-numbers:hover,
.pagination .page-numbers.current {background-color: #e70453;color: #fff;}
.pagination .icon {width: 24px;height: 10px;display: inline-block;fill: #fff;}

.search-results .content-area article + article { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc;}

input.awsm-job-search{
	padding-left:15px;
	border-radius: 5px;
	border: 1px solid #dddd;
	outline:none;
}
input.awsm-job-search:focus{
	border: 1px solid #bbb;
}
.awsm-job-form-control{
	padding:10px;
}
.alumni-slider .slick-slide {
    position: relative;
}
.alumni-slider .slick-slide::before {
    content:"";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}

/* circle, */

.location-map {
    position: relative;
}


.banaan {
    transition: all 2s ease;
    box-shadow: 0 0 0 0 rgba(12, 56, 109, 0.7);
    fill: #0c386d !important;
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.st0{
    fill: #ccc;
}
/* .sub_location {
    fill: #0c386d !important;
} */
@keyframes pulse {
    to {
        r: 5;
    }
}

/**/

.map_sec{text-align: center;}
.map_svg{width: 100% !important;height: auto;}
.map_svg circle.st0{fill: #cccccc;}
.map_section{text-align: center; position: relative;}
.office_location{position: absolute; color: #000; transform: translate(-50%, -50%);}
.office_location:hover { z-index: 110;}
.office_location:hover .inner_tooltip {display: block; z-index: 110;}
.office_location a { text-align: center; display: block; color: #e70453; font-weight: bold;}
.office_location a span { display: block;}

.location-usa{left: 25.56%; top: 37%;}
.location-uk{left: 47.2%; top: 28.3%;}
.location-uae{left: 59.2%; top: 45.9%;}
.location-egypt{left: 53.65%; top: 49%;}
.location-ethiopia{left: 56.85%; top: 55.4%;}
.location-ksa{left: 56.1%; top:44.9%;}
.location-oman {left: 62.5%; top: 47.9%}
.location-india {left: 68.11%; top: 43.4%;}
.location-brunei {left: 74.5%; top: 58.4%;}
.location-thailand {left: 79.3%;top: 59.5%;}

.inner_tooltip{z-index: 9999;display: none;font-size: 12px;width: 300px;position: absolute;left:50%;bottom:36px;color: #fff;background-color: #000000;padding: 15px;border-radius: 5px; transform: translate(-50%, 0);}

/**/

@media (min-width:991px) {
    
.mega-menu-item .subMenu { width: 480px;}
.mega-menu-item .subMenu li { width: 50%;}
.mega-menu-item .subMenu li a { word-wrap: normal; white-space: normal; height: 100%; padding-left:3rem;}
.mega-menu-item .subMenu li a:before { display: none;}
.subMenu .menu-title { display: block; font-weight: bold;}
.subMenu .menu-description { display: block; font-size: 12px; margin-top: 5px;}
#menu-item-468 a { background: url('assets/images/School-Operation-menu.jpg') center/cover;}
#menu-item-468 a .menu-title:before { content: "A. ";}
#menu-item-471 a { background: url('assets/images/School-Services-menu.jpg') center/cover;}
#menu-item-471 a .menu-title:before { content: "B. ";}
#menu-item-469 a { background: url('assets/images/operation-and-managment-menu.jpg') center/cover;}
#menu-item-469 a .menu-title:before { content: "C. ";}
#menu-item-467 a { background: url('assets/images/Teacher-Licensing-menu.jpg') center/cover;}
#menu-item-467 a .menu-title:before { content: "D. ";}
#menu-item-465 a { background: url('assets/images/Academic-Research-menu.jpg') center/cover;}
#menu-item-465 a .menu-title:before { content: "E. ";}
#menu-item-466 a { background: url('assets/images/Building-Schools-menu.jpg') center/cover;}
#menu-item-466 a .menu-title:before { content: "F. ";}

}

@media (max-width:767px) {

    img.alignright, img.alignleft, img.alignnone, img.aligncenter, figure.alignright, figure.alignleft, figure.alignnone {
        float: none;
        margin: 0 auto 20px;
        display: block;
    }

    .office_location a span { display: none;}
}

@media (max-width:575px) {
    .toggleBtnMenu { font-size: 2rem;}
}