/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap
*/
.navbar-brand a {color: #fff; font-weight: bold;}
.navbar-brand .logo {height: 50px; width: 50px;}
/* DOWNWARD BREAKPOINTS */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { 
	main#main .sidebar {display: none;} 
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) { 
	
	.wpmui-popup div.popup {height: auto !important; width: 90% !important; margin: auto !important; left: auto !important;}
	.wpmui-popup .wdpu-msg-inner, .wdpu-middle {height: auto !important; min-height: auto !important;}
	.wpmui-popup .wdpu-middle {padding-bottom: 10px;}
	
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
	body>div.tipsy, div.tipsy-n {display: none !important;}
	#menu .navbar{font-size: 3.5rem; }
	#menu .navbar-toggler {font-size: 3rem; }
	#menu-user .nav-item{padding-left: 15px;}
	#nav_menu_header {margin: 0px 15px !important;}
	#menu {min-height: 6.5rem;}
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) { 
}
/*
// UPWARDS BREAKPOINTS
// Small devices (landscape phones, 576px and up)
*/
@media (min-width: 576px) { 
	#page {width: 100%;}
	
}
/*// Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	
	
}
/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	#page {width: 992px;}
}
/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1280px) { 
	#page, #ccif {width: 1280px;}
	
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { 
}
/* SPECIFIC BREAKPOINTS */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) {
	#menu-user {position: absolute; right: 4.5rem !important;}
	#pc_intro .header-info {font-size: .75rem;}
	#pc_intro h3 {font-size: 1rem;}
	
}

@media only screen and (min-aspect-ratio: 2 / 1) and (orientation: landscape) and (pointer: coarse) {
    /** iPhone 12 Landscape **/
    body {
        padding: 0 !important;
    }

    #page.canvas.container {
        width: 100%;
        max-width: 100%;
    }

    #cci_searchbar,
    #cci_searchbar #s {
        font-size: 2rem;
        padding-left: .5rem !important;
        max-height: 100%;

    }

    #cci_searchbar .btn {
        font-size: inherit !important;
    }

    #header #mobile_toolbar .btn path {
        color: #fff !important;
    }

    #header #mobile_toolbar .btn {
        padding: 0 1.25vw;
        font-size: 3vw;
        color: #fff !important;
    }

     .btn-signin {
        color: inherit;
        font-weight: normal;
        background-color: transparent;
        border-color: transparent;
        text-decoration: none;
    }

     #btn_advanced_search {
         display: none !important;
     }
}

@media only screen and (min-width: 768px) {
    #cci_searchbar {
        font-size: 1rem !important;
    }

    #cci_searchbar *,
    #cci_searchbar #s {
        font-size: inherit !important;
    }
}

/** 578 to 768 ** logo overlaps */

@media only screen and (max-width: 768px) {
    .brand-logo {
        /* width: 25vw !important; */
        height: 100% !important;
        max-height: 40px !important;
    }
}
