/*
    Created on : Dec 1, 2014
    Author     : Mina
*/


/* General */


/* Header */
.navbar-header{ float: none; }

/* Menu */
.menu-header a{color: #fff;text-transform: uppercase;font-family: "flamasemibold",sans-serif;font-size: 15px;}

/* Footer */
.footer .nav>li>a{margin: 0px 0px 5px 0px;padding: 0;font-size: 15px;}

/* HAYIDION */
.pane-hayidion a img{ width: 100%; height: auto; display: block; max-width: 220px; max-height: 280px;}
/*.slick-slide a img{ width: 100%; height: auto; display: block; max-width: 220px; max-height: 280px; }*/
.pane-block.pane-block-1{ margin-top: 10px; }

/* Home */
.join-ravsak .content-img{ padding: 0; }
.explore_content .imgCircled{ max-width: 136px; max-height: 136px; padding: 0; }
.home-page .panels-flexible-region-inside{ padding-right: 0; padding-left: 0; }
#mini-panel-hp_first_section, .inner-page{ margin-top: 5px; }
/* Mobile Menu */
.navbar-toggle{ margin: 10px 0 0 0; }
/* CkStyles */
.ckStyles table { width: 100% !important; }

/* Extra small devices Phones (<768px) */
@media(max-width:767px){
    /* Menu */
    .caret{ display: none; }
    .navbar-default .navbar-toggle .icon-bar{ background-color: #000; }
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color: #005DAB; }

    /* Menu Style 1 */
    .menu-header a{color: #005dab;text-transform: uppercase;font-family: "flamasemibold",sans-serif;font-size: 15px;}
    .nav>li>a:hover, .nav>li>a:focus{color: #fff;background-color: #005DAB !important;text-decoration: underline;}
    .menu li a > span.caret{ display: inline-block; margin-left: 10px; margin-top: -5px; }
    .navbar-nav>li > .dropdown-menu{ position: relative; width: 100%; }
    .navbar-nav>li > .dropdown-menu .dropdown-menu{ position: relative; width: 100%; }
    .navbar-nav>li > .dropdown-menu > li.expanded > a:after{
        content: ''; display: inline-block; width: 0; height: 0; margin-left: 10px;
        margin-top: -4px; vertical-align: middle;
        border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;
    }

    /* Footer */
    .footer .margn-30{ margin: 0;}
    .footer .scial-btns{ padding-bottom: 3px; }
    .footer .donate{ margin-top: 3px; font-size: 20px; }

    /* Inner Search */
    .innerSearchWrap{ margin-top: 10px;  max-width: 98%; }
    div.feature-tout .innerSearchWrap{ margin-bottom: 10px; }

    /* News */
    .view-news .form-item-cat-id .form-item div{ padding: 10px 2px; }
    .view-news .form-item-cat-id .form-item div, .view-news .form-item-cat-id .form-item div:last-child{ border: none; }
    .news-article .image-field-caption{ padding: 2px 5px; position: relative; }
    .news-article .image-field-caption p{ line-height: 14px; }
    .view-news .form-item-cat-id .form-item div,
    .news-categories li{ display: block; float: none; padding: 0; width: 100%; }
    .view-news .form-item-cat-id .form-item div:first-child,
    .news-categories li:first-child{ margin-top: 5px; }
    .news-topics a, .hayidion-topics a, .topics-topics a{ border: none; border-radius: 0; background: none; padding: 0; text-decoration: underline; margin-left: 2px; margin-top: 8px; }
    div#slidebox { display: none !important; }
    .inner-page .banner-caption h1{ font-size: 24px; }


    /* New Category */
    .news-categories li, .news-categories li:first-child{ border: none; }

    /* HAYIDION */
    .hayidion-buttons .caption.post-content h2{ font-size: 16px; }
    .hayidion-buttons .caption.post-content{ top: 22%; }
    .pane-hayidion a img{ margin: 0 auto 5px; display: block; }
    h1.title span{ display: block; }
    .btns-hayidion{ padding: 0 5px; }

    /* HAYIDION Issue */
    .articleROW{  margin-bottom: 0;  }
    .articleROW .innerBlk{ width: 100%; display: block; border: none; padding-top: 1px; margin-bottom: 5px; }
    .view-latest-issue{ margin: 10px 0 0 0; }

    /*Issue Slider*/
    .slick-slide{margin: 0 20px;}
    .slick-prev, .slick-next{ top: 25%; }

    /* Home */
    .banner-caption, .image-field-caption{ position: relative; margin-top: 0; width: 100%; }
    .featured-tout { margin: 0; }
    .join-ravsak .othr-lnks a{ margin: 0px 10px 0px 0px; }
    .join-ravsak .content-img img{ margin: 0 auto; float: none !important; }
    .join-ravsak .content-info h3.create-acc{ width: 100%; max-width: 314px; margin: 0 auto; }
    .explore_content .imgCircledWrap{ padding: 0; }
    .search-sctn .content{ margin-top: 0px; padding-top: 10px !important; }
    .panels-flexible-region-column_2-center, .panels-flexible-region-column_2-featured_tout{ width: 100%; }
    .feature-tout-img{ margin: 0 auto; }
    section.explore_content{ margin-top: 15px; }
    .explore_content img.img-responsive.img-circle.imgCircled{ margin: 0 auto; float: none; }
    .explore_content .blk{ padding: 0; }
    .explore_content .blk h3{ text-align: center; }
    .panels-flexible-region-home-page-new___updates, .panels-flexible-region-home-page-community_activity{ width: 100%; }
    .join-ravsak a.lgn-in{ margin-left: 0px; font-size: 13px;  margin: 0 auto; display: block; width: 100%; max-width: 314px; text-align: center; }
    header#navbar{ margin-bottom: 10px;}

    /* pages */
    .inner-page .banner-caption h1,  .not-front .banner-caption h1{ margin-top: 0px; margin-bottom: 0px; }
    .inner-page .content{ margin-top: 0; padding-top: 0 !important; }
    .inner-page .banner-caption h1, .not-front .banner-caption h1{float: none !important;font-size: 24px;}

    /* Topic */
    .topicContentBlk1{ float: none; }
    .topic-lstg{ padding-right: 0; }
    /* News listing */
    .news-article .ls-news-article, .news-article .ls-news-article h4{ width: 100%; }

    /*Issue */
    .issue .wid21{ width: 100%; float: none !important; }
    .issue .wid21 img{ margin: 0 auto;  }

    /* Other */
    .slick-dots{ display: none !important; }
    .news-article .field-body img{ width: 100% !important; height: auto !important; display: block !important; }

    .tinted-image:before {
        width: 136px;
        margin: 0 auto;
    }

    .page-schools-list h1.title {display: block;}
}

/* Small devices Tablets (≥768px) */
@media(min-width:768px){
    /* Menu */
    .menu-header .container{ padding-right: 5px; padding-left: 5px; margin-right: auto; margin-left: auto; }
    .navbar-header{ margin-bottom: 8px; }
    .navbar-nav>li{ width: 14%; text-align: center; }
    .navbar-nav>li:first-child{ width: 20%; text-align: center }
    .navbar-nav>li:last-child{ width: 10%; }
    .menu-header .nav>li>a{ padding: 10px 0; }
    /* Add Parent Menu hover */
    .dropdown:hover > .dropdown-menu { display: block; z-index: 9999999; }
    /* Adding Multi-level Menu */
    .dropdown-submenu{ position:relative; }
    .dropdown-submenu > .dropdown-menu{
        top:0;
        left:100%;
        margin-top:-6px;
        margin-left:-1px;
        -webkit-border-radius:0 6px 6px 6px;
        -moz-border-radius:0 6px 6px 6px;
        border-radius:0 6px 6px 6px;
    }
    .dropdown-submenu:hover > .dropdown-menu{ display:block; }
    .dropdown-submenu > a:after{
        display:block;
        content:" ";
        float:right;
        width:0;
        height:0;
        border-color:transparent;
        border-style:solid;
        border-width:5px 0 5px 5px;
        border-left-color:#cccccc;
        margin-top:5px;
        margin-right:-10px;
    }
    .dropdown-submenu:hover > a:after{ border-left-color:#ffffff; }
    .dropdown-submenu .pull-left{ float:none; }
    .dropdown-submenu.pull-left > .dropdown-menu{ left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; }
    .dropdown-submenu.expanded > a:after{
        display:block;
        content:" ";
        float:right;
        width:0;
        height:0;
        border-color:transparent;
        border-style:solid;
        border-width:5px 0 5px 5px;
        border-left-color:#cccccc;
        margin-top:5px;
        margin-right:-12px;
    }
    /* Customizing Third level for the last menu item only */
    .menu-header li:last-child .dropdown-submenu > ul.dropdown-menu{ right: 100%; left: auto;  margin-right: -1px;  margin-left: 0; }
    .menu-header li:last-child .dropdown-submenu.expanded > a:after{ float: left; margin-right: 0; margin-left: -12px; border-width: 5px 5px 5px 0; border-right-color: #cccccc; border-left-color: transparent; }

    /* Menu @author: M.ADel */
    .menu-header{background-color: #005DAB;color: #fff;}
    .menu-header .navbar-collapse{margin: 0;padding: 0;}
    .menu-header .navbar-nav{width: 100%;}
    .menu-header .caret{display: none;}

    .dropdown-menu>li>a{  }
    .dropdown-menu{background-color: #007DAB;top: 98%;}
    .dropdown-menu>li>a, .dropdown-menu>li>a{color: #fff;background-color: transparent;background-image: none;}
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background: none;}
    .dropdown-menu>li:hover, .dropdown-menu>li:focus{background-color: #005DAB !important;}

    /* Footer */
    .nav>li>a:hover, .nav>li>a:focus{background-color: transparent;text-decoration: underline;}
    .footer .margn-30{ margin: 0; padding: 0 14px; }
    .footer .scial-btns{ padding-bottom: 3px; }
    .footer .donate{ margin-top: 3px; }

    /* News */
    .view-news .form-item-cat-id .form-item div a{ font-size: 15px; }

    /* New Category */
    .news-categories li a{ font-size: 15px; }

    /*HaYidion Issue Title*/
    .pane-hayidion h2.pane-title{margin-left: 20px;}

    /*Issue Slider*/
    .slick-slide{margin: 0 20px;}
    .slick-prev, .slick-next{ top: 25%; }

    /* Inner Search */
    .innerSearchWrap{ margin-top: 10px; }
    div.feature-tout .innerSearchWrap{ margin-bottom: 10px; }

    /* Home */
    .banner-caption, .image-field-caption{ position: relative; margin-top: 0; width: 100%; }
    .featured-tout { margin: 0; }
     .join-ravsak .othr-lnks a{ margin: 0px 15px; }
    .join-ravsak .create-acc{ padding: 5px;  font-size: 12px; }
    .join-ravsak h1{ font-size: 20px; margin-top: 0px; }
    .explore_content img.img-responsive.img-circle.imgCircled{ margin: 0 auto; float: none; }
    .explore_content .blk h3{ text-align: center; }
    .explore_content .imgCircledWrap{ padding: 0; }
    .join-ravsak a.lgn-in{ margin-left: 0px; font-size: 10px; }
    .home-page .panels-flexible-region-inside{ padding-right: 10px; }
    .explore_content .blk h3{ margin: 5px 0; }

    /* pages */
    .inner-page .banner-caption{ position: absolute; width: 100%; }
    .inner-page .banner-caption h1{ margin-top: 0px; margin-bottom: 0px; }

    /* News listing */
    .news-article .ls-news-article, .news-article .ls-news-article h4{width: 100%;}

    /*Issue */
    .issue .wid21{ width: 25%; }

    /* Topic */
    .topicContentBlk1{ float: none; }

    /* Search */
    .search-results h3 { margin: 0; padding: 0; }

    /*._4s7c, #facebook, .fb_likebox .fb-like-box{ background: red; min-height: 311px !important; }*/


    .tinted-image:before {
        width: 136px;
        margin: 0 auto;
    }


    /* Collapsable
      > Very small screens has collapsed by default
      > Otherwise visible
    */
    .collapse.in--not-xs {display: block; height: auto !important;}
}


/* Medium devices Desktops (≥992px) */
@media(min-width:992px){
    /* Menu */
    .menu-header .container{ padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
    .navbar-nav>li{ width: 14%; text-align: center; }
    .navbar-nav>li:first-child{ width: 17%; }
    .navbar-nav>li:last-child{ width: 13%; }
    .menu-header .nav>li>a{ padding: 15px 0; display: inline-block; }
    /* Footer */
    .footer .margn-30{ margin: 15px;}
    .footer .scial-btns{ padding-bottom: 15px; }
    .footer .donate{ margin-top: 20px; }

    /* News */
    .view-news .form-item-cat-id .form-item div a{ font-size: 17px; }

    /*Issue */
    .issue .wid21{ width: 21%; }

    /*HaYidion Issue Title*/
    .pane-hayidion h2.pane-title{margin-left: 40px;}

    /*Issue Slider*/
    .slick-slide{margin: 0 40px;}
    .slick-prev, .slick-next{ top: 42%; }

    /* Inner Search */
    .innerSearchWrap{ margin-top: 0; }
    div.feature-tout .innerSearchWrap{ margin-bottom: 10px; }

    /* Home */
    .banner-caption{ position: absolute; margin-top: 200px; width: 50%; }
    .image-field-caption{ position: absolute; margin-top: 200px; width: 100%; }
    .featured-tout { margin: 20px 20px 0px 20px; }
    .join-ravsak .create-acc{ padding: 13px; font-size: 16px; }
    .join-ravsak h1{ font-size: 26px; margin-top: 10px; }
    .explore_content .blk h3{ text-align: center; }
    .join-ravsak a.lgn-in{color: #fff;font-size: 13px;margin-left: 18px;}
    .home-page .panels-flexible-region-inside{ padding-right: 15px; }
    #mini-panel-hp_first_section, #mini-panel-hp_first_section, .inner-page{ margin-top: 0; }
    .explore_content .blk h3{ margin: 20px 0 10px 0; }

    /* News listing */
    .news-article .ls-news-article, .news-article .ls-news-article h4{width: 100%;}

    /* Topic */
    .topicContentBlk1{ float: right !important; }

    /* Search */
    .search-results h3 { margin-top: 10px; margin-bottom: 10px; padding: 0; }

}

/* Large devices Desktops (≥1200px) */
@media(min-width:1200px){
    /* Home */
    .join-ravsak .othr-lnks a{ margin: 0px 26px; }
    .join-ravsak .content-info{width: 40%; }
    .explore_content .blk h3{ padding: 10% 0px 0px 10px; }
    .explore_content .blk h3{ text-align: left; }

    /* News listing */
    .news-article .ls-news-article, .news-article .ls-news-article h4{width: 70%;}
}


/* Special cases for width < 500px) */
@media(max-width:500px){
    .hayidion-buttons .caption.post-content h2{ font-size: 14px; color: #000; margin-top: 5px; }
    .hayidion-buttons .caption.post-content{ position: relative; position: relative; text-align: center; left: auto; top: auto; width: 100%; }
    .btns-hayidion a:hover{ text-decoration: none; }
    .footer .scial-btns a{ margin: 0 1px 0 0; }
    .footer .donate{ padding: 8px 15px 6px 15px; }
    .footer h1{ font-size: 22px; }
    .footerNav, .footerSocial{ padding-left: 0; }
    .issue .wid21 {width: 50%; margin: 0 auto;}
    .col-xxs-12 {width:100%;}
}