/*
===============================================
Copyright 2020 Zebo Graphics - ChristopherAcebo.com. All rights reserved.
===============================================
*/

/*  Date           Name          Description
================================================================================================*/
/*  2/17/2020      C.Acebo       Styles created for the web item pages */
/*  4/19/2020      C.Acebo       Added styles for the drawing pages */



.ca-item .col-md-8, .ca-draw .col-md-8 { text-align: center; }
.ca-item .col-md-8 img, .ca-draw .col-md-8 img { 
	width: 95%; height: auto;
	margin: 0 0 25px 0;
}
.ca-draw .draw-mobile  { display: inline; }
.ca-draw .draw-desktop { display: none; }

.item-title {
    width: 95%;
	border-bottom: double 3px #5dc9ec;
	background-color: #000;
	font-size: 1.3em; color: #fff; 
	text-align: left; text-indent: 8px;
	margin: 0 auto 5px auto; padding: 4px 0 4px 0;
}

.item-table {
    width: 95%;
	font-size: 0.95em;  
	margin: 0 auto 10px auto;
}
.item-table tr:nth-child(even) { background-color: #d2ced2; }
/*.item-table tr:nth-child(odd)  { background-color: #000; }*/

.item-table td { 
	text-align: left;
	vertical-align: top;
	padding: 6px 0; 
}
.item-table td.item-table-lft { 
	width: 80px; 
	text-indent: 6px;
	font-weight: bold;
}

.item-role { margin: 0; padding: 0 0 0 15px; }


.item-buttonbox {
    width: 95%;
	font-size: 1.3em; color: #fff; 
	text-align: center; 
	margin: 20px auto; padding: 0;
}


.pg-cata-img .item-table {
    width: 100%;  
	margin: 0; padding: 0;
	font-size: 1em;
}



@media (min-width:768px){
.ca-draw .col-md-8 img { 
	width: 80%; 
}

.pg-cata-img .item-table {
	font-size: 0.9em;
}

}






@media (min-width:992px){
.ca-draw .draw-mobile  { display: none; }
.ca-draw .draw-desktop { display: inline; }

.item-title, .item-table, .item-buttonbox { width: 100%; }


}






@media (min-width:1200px){
.ca-item .col-md-8 { width: 890px !important; text-align: left; }
.ca-item .col-md-4 { width: 310px !important;  }

.ca-item .col-md-8 img { width: auto; } 


}









/* ******** Pagination styles ******** */
#gallerypaginate { display: none; } /* Hides the bottom pagination */

.paginationstyle, .bk_link { 
	width: 100%; text-align: center;
	margin: 0 0 15px 0; padding: 0;	
}


.paginationstyle select { /* Style for demo pagination divs select menu */
	margin: 0 15px;
}
.paginationstyle a, .bk_link a { /* Pagination links style */
	padding: 2px 6px;
	text-decoration: none;
}
.paginationstyle a:hover, .paginationstyle a.selected, 
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected, 
.bk_link a:hover {
	background-color: #5dc9ec;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.paginationstyle a.disabled, .paginationstyle a.disabled:hover { /* Style for "disabled" previous or next link */
	cursor: default;
	color: #929292;
	border-color: transparent;
}




@media (min-width:768px){
.ca-pagination .col-md-8 { width: 66.66666667% !important; }
.ca-pagination .col-md-4 { width: 33.33333333% !important; }
.ca-pagination .col-md-8, .ca-pagination .col-md-4 { float: left; }

.paginationstyle, .bk_link { margin: 10px 0 25px 0; }

.paginationstyle { text-align: left; }
.bk_link         { text-align: right; }

}








/* ******** Archived item thumbnails ******** */
.arch-section { 
	width: 100%;
	margin: 0 0 20px 0;
}


.arch-title { 
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 12px 0;
	text-align: left;
	border-bottom: solid 1px #454545;
}

.arch-item { 
	height: auto;
	margin: 0 auto 25px auto;
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
}
.arch-item img { 
	width: 100% !important; height: auto;
	margin: 0 0 5px 0 !important;
}
.arch-item-200, .arch-item-225, .arch-item-250, .arch-item-280, .arch-item-320 { width: 95%; }

.arch-item a:link    { color: #454545; text-decoration: none; }
.arch-item a:visited { color: #454545; text-decoration: none; }
.arch-item a:hover   { color: #004990; text-decoration: underline; }




@media (min-width:768px){
.arch-item { 
	float: left;
	margin: 0 15px 25px 0;
}
.arch-item-200, .arch-item-225, .arch-item-250, .arch-item-320 { width: 22%; }
.arch-item-280 { 
    width: 25%;
	margin: 0 0 25px 0 !important;
	text-align: center;
}
.arch-item-280 img { 
	width: 90% !important;
}
}






@media (min-width:992px){
.arch-title { 
	width: 97%;
}

}








@media (min-width:1200px){
.arch-title      { width: 845px; }
.arch-title-full { width: 1200px !important; }

.arch-item-200 { width: 200px; }
.arch-item-225 { width: 225px; }
.arch-item-250 { width: 250px; }
.arch-item-280 { width: 280px; }
.arch-item-320 { width: 320px; }

}