/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap
*/

.tmm .tmm_member {
    background: #fff !important;
    margin: 3rem 4% !important;
}

.tmm .tmm_member .tmm_photo {
    border-radius: unset !important;
    width: 225px !important;
    height: 225px !important;
    background-repeat: no-repeat !important;
    margin-top: 2rem !important;
}

/* DOWNWARD BREAKPOINTS */

/** all portrait view devices **/
@media only screen and (orientation : portrait) AND (max-width: 660px) {

    #nav { font-size: 6vw !important; }

	.body-content > div {
		margin-top: 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: 575px) { 

#page.canvas {padding: 0;}
main#main {padding: 0 0;}

#header {padding: 0 !important; height: 75px;}
#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;}
	

	#column_archive {margin-right: -30px;}
	#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: 991px) { 
	#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) { 
	
	#nav_menu_header {padding-left: 1rem !important;}
	#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) { 



}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1280px) { 


	
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
	#header {
		height: 100%;
	}


    .project-galileo {
        width: 25vw;
    }
}



/* SPECIFIC BREAKPOINTS */



/* small & medium devices landscape */
@media (min-width: 576px) and (max-width:991px) {
	#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;
    }
}

/* Medium devices (tablets, 768px and 991px) */
@media (min-width: 768px) and (max-width: 991px) { 
	
	#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;
    }
}

/* Large devices (desktops, 992px and 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {


}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}
/* 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;}
	
}

