/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap
*/

:root {
  --brand-lg-width: 180px !important;
}

.tmm .tmm_member {
    background: #fff !important;
    margin: 3rem 4% !important;
}

.tmm .tmm_member .tmm_photo {
    border-radius: unset !important;
    width: var(--brand-lg-width);
    height: 225px !important;
    background-repeat: no-repeat !important;
    margin-top: 2rem !important;
}


@media only screen and (max-width: 769px) {
    /** Medium & Down Breakpoints: XS, SM & MD **/
    /*
     .brand-logo {
        width: 25vw !important;
        height: auto !important;
        background: unset;
        content: url(/wp-content/plugins/cci/lib/img/cci_logo_white.png);
    }
     */

    #cci_searchbar,
    #cci_searchbar #s,
    #cci_searchbar .btn {
        font-size: 2rem !important;
        max-height: unset;
    }

    #mobile_toolbar .btn-check:focus+.btn, .btn:focus {
        box-shadow: none !important;
    }

    #cci_searchbar .svg-inline--fa {
        font-size: .8em !important;
        margin-top: .25em !important;
        vertical-align: top;
    }

    .btn-signin {
        color: inherit !important;
        font-weight: normal !important;
        background-color: transparent !important;
        border-color: transparent !important;
        text-decoration: none !important;
    }
}

@media only screen and (max-width: 992px) {
    /** Bootstrap Medium and Lower breakpoints **/

    #nav_menu_header ul#menu-header.navbar-nav {
        flex-wrap: wrap !important;
        flex-direction: row;
        padding-left: .75rem;
        font-size: smaller;
    }

    #nav_menu_header .nav-item {
        display: inline-flex;
        width: 33% !important;
        float: left;
        margin-top: .75rem;
    }

    #header #mobile_toolbar .btn {
        padding: 0 1.25vw;
        font-size: 3vw;
        color: #fff !important;
    }

    .btn-signin {
        background: transparent !important;
        border: unset !important;
        color: #fff;
    }

    #header #mobile_toolbar .btn path {
        color: #fff !important;
    }

}


@media only screen and (min-width: 577px) AND (max-width: 992px) {
    /** Bootstrap Medium Breakpoints only **/
    #mobile_toolbar .btn {
        font-size: 2rem;
    }

    /* #nav_menu_header, #menu_header {display: block !important; width: 100%;} */
	#header #menu-user {display: block !important; padding-right: 1rem; position: absolute; top: -2.5rem; right: -1.25rem; width: 100%;}
	#header #menu-user li {float: right;}

	#nav_menu_user {width: 125px; text-align: right;}
	#ccif h3,
	#ccif .ccif-content {margin-top: .5rem !important; font-size: .8rem;}
	#ccif .col-md-3 {padding-left: .5rem; padding-right: .5rem;}
	#ccic_mini_cart_min {top: .5rem !important; right: 3.5rem !important;}

    .project-galileo {
        width: 25vw;
    }
}

/* DOWNWARD BREAKPOINTS */

/** all portrait view devices **/
@media only screen and (orientation : portrait) AND (max-width: 660px) {



    main#main .body-content {
        margin-top: 0 !important;
    }

    #homepage-title {
        font-size: 23px;
    }

	.body-content > div {
        margin-bottom: 1rem !important;
	}

	.widget-search-results {
		margin-top: 1rem !important;
	}

	.widget-search-results div.col-12.text-right.text-end {
		text-align: center !important;
		padding: 1rem;
		font-size: 2rem;
		margin: 0 !important;
		text-transform: uppercase;
		font-weight: bold;
	}

	footer {
		font-size: 5vw !important;

	}

	footer#network_footer {
		padding-top: 1rem !important;
	}

	footer.font-xs {
		font-size: 1rem !important;
	}

	footer#network_footer h6 {
		font-size: 2rem;
	}




}


/* tiny devices iPhone 5/SE */
@media (max-width: 320px) {
	
	#menu-user .btn {font-size: .75rem !important;}
	#menu-user {margin-right: -1rem !important;}
	#brand_anchor {margin-left: 2rem !important;}

    .project-galileo {
        width: 25vw;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {



#page.canvas {padding: 0;}
main#main {padding: 0 0;}


#header #brand .navbar-toggler {margin-top: .25rem; margin-left: .25rem; padding: .25rem .5rem;}


header nav#nav {z-index: 9999;}

#nav_menu_user, #menu-user {margin-left: auto; margin-right: 1rem;}
#nav_menu_user_logged_in {margin-top:.15rem;}
#header #menu-user {position: relative; right:auto; padding-right: 1rem; top: -.4rem;}
#header #menu-user li {float: right;}
#home_search {padding: 0;}



#network_footer div.col-12 {margin: 0 !important;}
#network_footer footer {padding: 0 1rem;}
#cci_search_simple #s {font-size: 1.5rem;}

.p-sm-0 {padding: 0 !important;}
.p-sm-1 {padding: 1rem !important;}
.pl-sm-1 {padding-left: 1rem !important;}
.pr-sm-1 {padding-right: 1rem !important;}

.header-info h3 {font-size: 1rem;}
#homepage_columns {padding-top: 3px;}
#ccif .align-right{text-align: left;}
.bleed-wide-mobile, 
.bleed-wide-mobile row- {margin-left:-30px !important; margin-right: -15px !important}
.col-12.sidebar-contributor {padding-left: 30px;}
#search_results_title {font-size: 1.6rem;}

	.pagination .page-item .page-numbers.current {

		position: relative;
		top: 3px;
	}

.homepage-columns-row > div.col:last-of-type,
.homepage-columns-row:last-of-type { display: none;}

  
    .project-galileo {
        width: 25vw;
    }

}



/* Small devices (landscape phones, less than 812px) */
@media (max-width: 812px) {



	#header #brand_anchor {
		
		margin-top: .5rem;
		margin-bottom: .5rem;
	}

	#page #main h1.title, #page #main header h1.entry-title {font-size: 1.5rem; margin-top: .5rem;}
	main#main #sidebars, .widget-popular {display: none !important;}

	#syndication_delivery table.table-responsive thead tr {display: none;}
	#syndication_delivery table.table-responsive tr th.text-right {display: none;}
	#syndication_delivery table.table-responsive tr {display: table-caption; height: 150px;}
	#syndication_delivery table.table-responsive td.text-right {display: block; position: absolute; width: 100%; height: 55px; text-align: center; column-span: all; border: none; float: left;}

	
	.pagination .page-item .page-numbers,
	.pagination .page-item .page-numbers.current,
	.pagination .page-item .page-numbers.next,
	.pagination .page-item .page-link {
		font-size: .8rem !important;
		padding: .25rem .5rem !important;
		line-height: 1rem !important;
		height: 1.7rem !important;
		
	}
	
	.pagination {margin: .5rem !important;}

	
	/*.pagination .page-item .page-numbers.current {position: relative; top: -3px !important;} */
	.pagination .page-item {margin: 2px !important; line-height: 1rem !important;}
	
	#ccic_mini_cart {
		top: 1rem !important;
		right: 2.5rem !important;
		z-index:99999;	
	}
	#ccic_mini_cart_min {
		top: .5rem !important;
		right: 1.5rem !important;	
	}
	
	.license-pricing {padding: .5rem;}
	.license-pricing div.col-12 {padding: 0;}
	.license-pricing #product_price_list {margin: 0;}
	.license-pricing #price_list .license-item {padding-left: 1.5rem; padding-right: .5rem; margin-left: -1rem;}
	.license-pricing #price_list .license-category {padding-left: .5rem !important;}
	.license-pricing #price_list .license-item .col-7,
	.license-pricing #price_list .license-item .name {padding: 0;}

	.license-pricing #preview_licensing {text-align: center; width: 100%; display: block;}	
	.license-pricing #price_list .col.price,
	.license-pricing #price_list .col.buy {padding-left: 0px;}
	.license-pricing div.col-12.mt-3.mb-3 {padding: 0 1rem;}
	
	.um-button {font-size: .8rem !important;}
	.um, .um-register {margin: 0 !important; margin-bottom: 0px !important;}
	.um-page-register footer.entry-footer {display: none;}
	
	#btn_pay {font-size: 1.25rem !important;}
	#CVV2, #BILLTOZIP {padding: .25rem; text-align: center;}
	.ico-ccv2 {display: none;}
	
	#downloads .card-title {font-size: 1.5rem; text-transform: uppercase; font-weight: bold;}
	#downloads .cartoon-author,
	#downloads .cartoon-published {font-size: 1rem;}
	#downloads .text-centered {text-align: center; width: 100%;}
	#downloads .btn-download.mb-2 {margin-bottom: 0px !important;}
	
	
	section#archive.search-results {margin-left: -5px; margin-right: -5px;}
	.home-gallery-split {font-size: 1rem;}
	
	#ccif {font-size: 1rem;}
	#ccif h3 {font-size: 1.2rem;}
	#ccif_footer {font-size: .75rem;}
	#ccif .ccif-content > div {margin-bottom: .75rem;}
	
    .project-galileo {
        width: 25vw;
    }

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
	#page_footer nav#nav {display:none;}
    .project-galileo {
        width: 25vw;
    }

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) { 

    .project-galileo {
        width: 25vw;
    }

}

/*
// UPWARDS BREAKPOINTS

// Small devices (landscape phones, 576px and up)
*/
@media (min-width: 576px) { 
	.pagination .page-item .page-numbers.current { position: relative; }

    .project-galileo {
        width: 25vw;
    }
}



/*// Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

	#page_footer nav#nav {display:none;}
    .project-galileo {
        width: 25vw;
    }


}
/* iphone 6/7/8 */
@media (min-width: 735px) and (max-width: 767px) {
	main#main {padding: 0 !important;}
	main .body-content { padding-left: .25rem !important; padding-right: .25rem !important;}
	.navbar-toggler {margin-left: 1rem;}
	footer#page_footer nav {display: none;}
	#ccif h3 {font-size: 1.2rem;}	


    .project-galileo {
        width: 25vw;
    }

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {



    .navbar-brand {
        position: absolute !important;
        left: 1rem;
    }

    #header #main_menu {
        margin-left: 200px !important;
    }

    #menu-header .menu-item {
        padding: unset;
    }

    #nav_searchbar.navbar-expand-lg,
    #nav_contact.navbar-expand-lg,
    #nav_menu.navbar-expand-lg {
        display: flex !important;
    }

    #menu-header {
        justify-content: space-between;
        font-size: smaller;
    }

    .lbl-signin {
        display: inline-block !important;
        margin-right: .25rem;
    }

    #header>div.container-fluid {
        justify-content: flex-end !important;
        flex-wrap: wrap;
    }

    #mobile_toolbar {
        order: 1000;

    }

    .navbar>.container-fluid {
        justify-content: space-between !important;
    }

    #mobile_toolbar .btn {
        display: none;
    }

    #mobile_toolbar .btn-signin {
        display: inline-flex;
        align-self: flex-end;
    }

    #signin, #signout, #artist_signin {
        font-size: .8rem !important;
    }


}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1280px) { 

    #menu-header { font-size: 1rem; }
	
}

@media (max-width: 576px) {
    /** SM **/
    #nav_menu_header ul#menu-header.navbar-nav {
        font-size: 1.2rem;
    }

    #header #mobile_toolbar .btn {
        padding: 0 2vw;
        font-size: 5.5vw !important;
    }

    #cci_searchbar #s {
        font-size: 1.5rem;
    }

    #cci_searchbar .svg-inline--fa {
        font-size: inherit !important;
        margin-top: .5rem !important;
    }

    h1#homepage-title {
        font-size: 1.2rem;
        margin-bottom: 1rem !important;
    }

    .project-galileo {
        width: 25vw;
    }
}



/* SPECIFIC BREAKPOINTS */



/* small & medium devices landscape */
@media (min-width: 576px) and (max-width:992px) {
	#nav_menu_user {display: block; margin-left: auto;}

}

/* Small devices (landscape phones, 576px and 767px) */
@media (min-width: 576px) and (max-width: 767px) {
	main#main .body-content {margin-top: 0.25rem;}


    .project-galileo {
        width: 25vw;
    }
}

/* Large devices (desktops, 992px and 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {


}

/* DEVICE SPECIFIC BREAKPOINTS */



/* iPhone 5/SE Landscape */
@media (min-width: 568px) and (height: 320px) {
	#nav_menu_user {margin-right: 1rem;}
	#ccif .align-right {text-align: left;}
}

/* Galaxy S5 */
@media (width: 360px) and (height:640px) {
	nav .navbar-toggeler {margin-left: 1rem;}
	nav#nav {margin-left: 0 !important;}
}

/* Nexus 7 */
@media (width: 600px) and (height: 960px) {
	.navbar-toggler {margin-left: 1rem;}
	#page {width: 100% !important;}
	.container {width: 100% !important; max-width: 100% !important;}
	#nav_menu_user {margin-left: 0; text-align:right; margin-right: 1rem;}
	
}