/* 
 Theme Name:   wp-prolific-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     wp-prolific2
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* =========================================================
   MICHEL CHALETS - RESPONSIVE FIX
   ========================================================= */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

iframe,
embed,
object,
video {
    max-width: 100%;
}


/* =========================================================
   TABLET / SMALL DESKTOP
   ========================================================= */

@media screen and (max-width: 998px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    #header,
    #head-content,
    #wrap,
    #page,
    #contentleft,
    #content,
    #contentright,
    #sidebarleft,
    #sidebar,
    #footer,
    #footer-widgets,
    #footer .limit,
    #topnav,
    #topnav .limit,
    #nav,
    #nav ul,
    #topnav ul {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    #header {
        height: auto !important;
        background: #0a1f33;
    }

    #head-content {
        margin: 0 auto;
        padding: 0 15px;
        box-sizing: border-box;
    }

    #sitetitle {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    #sitetitle .title,
    #sitetitle h1 {
        max-width: 100%;
        word-wrap: break-word;
    }

    #head-banner468 {
        display: none !important;
    }

    #page {
        margin: 0 auto !important;
        padding: 20px 15px !important;
    }

    #contentleft,
    #contentright,
    #sidebarleft {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #contentleft,
    #content,
    #contentright,
    #sidebarleft,
    #sidebar {
        width: 100% !important;
        max-width: 100% !important;
    }

    #content .col-3,
    .col-3 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }

    .maincontent,
    .singlepost,
    .post,
    .entry {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    #sidebar-bottom {
        width: 100% !important;
        padding: 15px 0 5px;
        border: none;
        box-sizing: border-box;
    }

    #sidebar-bottom > div {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #footer-widgets {
        padding: 30px 15px 15px;
        border: none;
    }

    #footer-widgets > ul {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    ul.home-left,
    ul.home-right {
        width: 48% !important;
        box-sizing: border-box;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }

    .entry img,
    .post img,
    .maincontent img {
        max-width: 100% !important;
        height: auto !important;
    }

    table {
        max-width: 100%;
    }

    #searchform #searchfield {
        height: 22px;
        max-width: 100%;
        box-sizing: border-box;
    }

    #topsearch,
    #rssbutton {
        display: none !important;
    }

}


/* =========================================================
   MOBILE NAVIGATION / MOBILE LAYOUT
   ========================================================= */

@media screen and (max-width: 768px) {

    #page {
        padding: 15px 12px !important;
    }

    #header {
        padding: 0;
    }

    #head-content {
        padding: 15px 12px;
    }

    #sitetitle {
        text-align: center;
    }

    #sitetitle .title,
    #sitetitle h1 {
        font-size: 24px !important;
        line-height: 1.3;
    }

    #topnav {
        height: auto !important;
    }

    #topnav .limit {
        padding: 0 !important;
    }

    #topnav ul,
    #topnav ul.menu {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    #topnav ul li,
    #topnav ul.menu li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    #topnav ul li a,
    #topnav ul.menu li a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        padding: 10px 14px !important;
        line-height: 1.4 !important;
        height: auto !important;
        white-space: normal !important;
    }

    #nav {
        height: auto !important;
    }

    #nav ul {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #nav ul li {
        float: none !important;
        width: 100% !important;
    }

    #nav ul li a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        padding: 10px 14px !important;
    }

    #contentleft,
    #contentright,
    #sidebarleft,
    #sidebar {
        clear: both;
    }

    #contentright,
    #sidebar {
        margin-top: 20px;
    }

    .entry,
    .post,
    .singlepost,
    .maincontent {
        overflow: hidden;
    }

    .entry p,
    .post p {
        max-width: 100%;
    }

    .alignleft,
    .alignright,
    .aligncenter {
        max-width: 100% !important;
    }

    .alignleft,
    .alignright {
        float: none !important;
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    ul.home-left,
    ul.home-right {
        width: 100% !important;
        float: none !important;
    }

}


/* =========================================================
   PHONES
   ========================================================= */

@media screen and (max-width: 650px) {

    .banner468 {
        overflow: hidden;
        width: 100% !important;
    }

    .banner468 img {
        width: 100% !important;
        height: auto !important;
    }

    #slideshow {
        display: none !important;
    }

    #page {
        padding: 12px 10px !important;
    }

    .entry img,
    .post img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .entry table,
    .post table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media screen and (max-width: 480px) {

    #sitetitle .title,
    #sitetitle h1 {
        font-size: 20px !important;
    }

    #topnav ul li a,
    #topnav ul.menu li a,
    #nav ul li a {
        font-size: 14px !important;
        padding: 9px 10px !important;
    }

    #page {
        padding: 10px 8px !important;
    }

    h1 {
        font-size: 24px !important;
        line-height: 1.25;
    }

    h2 {
        font-size: 21px !important;
    }

    h3 {
        font-size: 18px !important;
    }

    .entry,
    .post,
    .maincontent {
        font-size: 14px;
        line-height: 1.5;
    }

}


/* =========================================================
   EXTRA SAFETY AGAINST FIXED WIDTHS
   ========================================================= */

@media screen and (max-width: 998px) {

    #page[style],
    #content[style],
    #contentleft[style],
    #contentright[style],
    #sidebar[style],
    #sidebarleft[style] {
        max-width: 100% !important;
    }

    * {
        box-sizing: border-box;
    }

}


#mobile-menu-toggle {
    display: none;
}

@media screen and (max-width: 768px) {

    #topnav {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    #mobile-menu-toggle {
        display: block !important;
        width: 100%;
        padding: 12px 15px;
        border: 0;
        background: #1f8fbd;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        cursor: pointer;
        box-sizing: border-box;
    }

    /* Скриваме само съдържанието на менюто */
    #topnav .limit {
        display: none;
    }

    /* При отваряне показваме менюто */
    #topnav.mobile-open .limit {
        display: block !important;
    }

    #topnav ul,
    #topnav ul.menu {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    #topnav ul li,
    #topnav ul.menu li {
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #topnav ul li a,
    #topnav ul.menu li a {
        display: block !important;
        width: 100% !important;
        padding: 12px 15px !important;
        box-sizing: border-box;
        height: auto !important;
        line-height: 1.4 !important;
    }
}