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

/*  Date           Name          Description
================================================================================================*/
/*  5/24/2020      C.Acebo       Styles created for the profile page  */




/*  pagination tabs  */
.paginationstyle {
    width: 100%;
	min-height: 28px;
	position: relative;
	margin: 25px 0 20px 0;
	padding: 0 0 0 30px;
	border-bottom: solid 1px #454545;
}
.paginationstyle a { display: none; }
.paginationstyle .flatview a {
	display: inline-block;
	margin: 0 3px 0 0;
	padding: 5px 30px 3px 30px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold; color: #7e7e7e;
	background-color: #7ccbe5;
	border-top: solid 1px #454545;
	border-left: solid 1px #454545;
	border-right: solid 1px #454545;
	border-bottom: solid 1px #454545;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.paginationstyle a:hover, .paginationstyle a.selected {
	color: #000;
}
.paginationstyle a:hover    { border-bottom: solid 1px #454545; background-color: #c5c5c5; }
.paginationstyle a.selected { border-bottom: solid 1px #e0e0e0; background-color: #e0e0e0; }

.paginationstyle .flatview {
    position: absolute;
	top: 0; left: 30px;
}









/* Bio styles */
.bio_profile-pic {
    width: 100%; height: auto;
    margin: 0 0 15px 0;
	text-align: center;
}
.bio_profile-pic img {
    width: 98.5%; height: auto;
}





@media (min-width:768px){
.bio_profile-pic {
    width: 370px; height: auto;
	float: left;
    margin: 0 5px 15px 0;
	text-align: left;
}
.bio_profile-pic img {
    width: 97%; 
}
}





@media (min-width:992px){
.bio_profile-pic {
    width: 500px; 
}
}



.ca-bio-title {
	font-size: 2.5em;
    line-height: 40px;
	margin: 20px 0 0 0;
}
.ca-bio-subtitle {
	margin: 0 0 20px 0;
	font-size: 1.2em;
	font-weight: bold;
}




.bio-photos, .bio-photos-m {
	width: 100%;
	margin: 0; padding: 0;
}
.bio-photos   { display: none; } 
.bio-photos-m { display: block; }



.bio-item { 
	width: 98%; height: auto;
	margin: 0 auto 25px auto;
	text-align: center;
}
.bio-item img { 
	width: 100% !important; height: auto;
	margin: 0 0 5px 0 !important;
}
.bio-item-280 { width: 95%; }

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

.bio-title { 
	width: 100%;
	font-size: 0.85em;
	font-weight: bold;
}



@media (min-width:768px){
.bio-photos   { display: block; } 
.bio-photos-m { display: none; }


.bio-item { 
	float: left;
	margin: 0 15px 25px 0;
}
.bio-item-280 { 
    width: 25%; min-height: 250px;
	margin: 0 0 20px 0 !important;
	text-align: center;
}
.bio-item-280 img { 
	width: 90% !important;
}
.bio-title { 
	width: 90%;
	min-height: 50px;
	margin: 0 auto;
}
}



@media (min-width:992px){
.bio-title { min-height: 30px; }

}









/* Resume styles */
.resume01, .resume02 { width: 100%; }
.resume01 { margin-bottom: 10px; }
.resume01 .resume01_lft .ca-bio-title { 
	margin: 5px 0 0 0;
}
.resume01 .resume01_lft .ca-bio-subtitle { 
	margin: 0 0 5px 0;
}

.resume01, .resume01 .resume01_rght { 
	position: relative;
}
.resume01 .resume01_rght .resume01_icons { 
	width: 100%;
	text-align: left;
	font-size: 2.2em;
}
.resume01 .resume01_rght .resume01_icons a { 
	margin-right: 17px;
}
.resume01 .resume01_rght .resume01_icons a, 
.resume01 .resume01_rght .resume01_icons a:link, 
.resume01 .resume01_rght .resume01_icons a:visited { 
	color: #495057;
	text-decoration: none;
	-webkit-transition: all .6s ease-in;
	-moz-transition: all .6s ease-in;
	-ms-transition: all .6s ease-in;
	-o-transition: all .6s ease-in;
	transition: all .6s ease-in;
}
.resume01 .resume01_rght .resume01_icons a:hover { color: #00759b; }




@media (min-width:768px){
.resume01 .resume01_lft, .resume01 .resume01_rght { 
	width: 50% !important; 
	position: relative;
	min-height: 100px;
	float: left; 
}
.resume01 .resume01_rght .resume01_icons { 
	position: absolute;
	bottom: 0; right: 0;
	text-align: right;
}
.resume01 .resume01_rght .resume01_icons a { 
	margin-left: 17px;
	margin-right: 0;
}

}





.resume02 { 
    border-top: solid 1px #454545;
}
.resume02 .resume01_lft { 
	background-color: #00759b;
}
.resume02 .resume01_lft, .resume02 .resume01_rght { 
	font-size: 1em;
}
.resume02 .resume01_lft .resume-title { 
	color: #fff; font-weight: bold;
	text-transform: uppercase;
	padding: 5px 0;
	text-indent: 7px;
}
.resume02 .resume01_rght p { 
	width: 96.5%;
	margin: 12px auto;
}

.resume_hdr {  
	width: 96.5%;
	margin: 10px auto 0 auto !important;
	font-weight: bold;
}
.resume_hdr .col-md-5 { margin-bottom: 12px; }
.resume_hdr .col-md-7 { margin-bottom: 0; }


.career-box { margin-bottom: 15px; }



@media (min-width:768px){
.resume02 .resume01_rght p { 
	width: 98%;
}
.resume_hdr .col-md-5, .resume_hdr .col-md-7 {  
	width: 50% !important;
	float: left;
}
.resume_hdr .col-md-5 { margin-bottom: 0; }

}



@media (min-width:992px){
.resume02 .left01 { min-height: 140px; }
.resume02 .left02 { min-height: 730px; }
.resume02 .left03 { min-height: 100px; }
.resume02 .resume01_rght p { 
	width: 96.5%;
}
.resume_hdr .col-md-5 { width: 41.66666667% !important; }
.resume_hdr .col-md-7 { width: 58.33333333% !important; }

}



@media (min-width:1200px){
.resume02 .resume01_lft { 
	width: 250px !important;
}
.resume02 .resume01_rght { 
	width: 950px !important;
}
.resume02 .left01 { min-height: 120px; }
.resume02 .left02 { min-height: 690px; }


}