/* Jazman 2016 */

@import "mixins.less";

/* common */		
	
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	

/* remove additional Jaz functionality */

p#filters {display: none;}




	/* percentage  grid */
		
	
		
		.fprow{ height:30px;  } 
		
		.fpcol, .fpcol2, .fpcol3, .fpcol4, .fpcol5{
			float:left;
			display:inline;	
			margin-left:2%;
			height:100%;

			}	
			
		.fprow .first, .fpcol:first-child{margin-left:none !important;}
		.fpcol{width:49%;} 
		.cols5 .fpcol{width:18.4%;} 
		.cols5 .fpcol2{width:38.8%;} 
		.cols5 .fpcol3{width:59.2%;} 
		.cols5 .fpcol4{width:79.6%;} 
		.cols5 .fpcol5{width:100%;} 
		
	/* percentage based grid */


.fpblock {  -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; display: block; height:100%;  display: flex; align-items: center;}
.fpblock p {margin:0px auto; padding:10px; text-align:center; margin-bottom:0px !important; }
.fpblock a {color:#fff !important; text-decoration:none;}
.fpblock.shared a {color:#000 !important; text-decoration:none;}
.fpblock:hover{background-color:#999;}
.fpblock.fptitle:hover{background-color:#fff;}
.fpblock.fptitle {cursor:default /*!important*/;}
/*.fpblock.complete:hover{background-color:#7fccc2;}*/
.fpblock p {font-size:11px !important; line-height:11px !important;}


.fellowship {background-color: #993662; color:#fff;}
.vtp {background-color: #dd9819; color:#fff;}
.sp {background-color: #006f7a; color:#fff;}
.gpep {background-color: #98bbdb; color:#fff;}
.pbap {background-color: #0057a4; color:#fff;}
.shared {background-color: #e1e1e1; color:#000;}
.complete {background-color:#7fccc2; color:#000;}
.fpback {background-color:#ccc; color:#000;}

.circle { position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }
	
.arrow { position: absolute;
    bottom: 0px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 30%) }

.content-fellowship {background: url("/images/racgp/educationpolicy/bg-p.gif") repeat-y; background-position: center; position: relative}
.content-vocational {background: url("/images/racgp/educationpolicy/bg-y.gif") repeat-y; background-position: center; position: relative}
.content-specialist {background: url("/images/racgp/educationpolicy/bg-g.gif") repeat-y; background-position: center; position: relative}
.content-experience {background: url("/images/racgp/educationpolicy/bg-lb.gif") repeat-y; background-position: center; position: relative}
.content-practice {background: url("/images/racgp/educationpolicy/bg-db.gif") repeat-y; background-position: center; position: relative}
.content-shared {background: url("/images/racgp/educationpolicy/bg-shared.gif") repeat-y !important; background-position: center !important; position: relative !important;}

.path1a {display: none;}


/* Specifics */

#policydiagram {border:1px solid #0057a4; padding:10px; .clearfix; background-color:#fff; margin-bottom:9px;}

.titlerow > .fpcol {background: none !important; height:70px;}

.fptitle {align-items: flex-start !important;}

.titlerow .fptitle p {font-weight:bold; font-size:16px !important; line-height:16px !important;}

.titlerow .content-fellowship .fptitle {color: #993662}
.titlerow .content-vocational .fptitle {color: #dd9819}
.titlerow .content-specialist .fptitle {color: #006f7a}
.titlerow .content-experience .fptitle {color: #98bbdb}
.titlerow .content-practice .fptitle {color: #0057a4}

/* Filter links */

#filters {margin-bottom:-1px !important;  }

#filters a {font-size:11px; padding:5px 5px; width:14.5%; color:#000; text-decoration:none; line-height:18px; display: inline-block; height:40px; text-align:center; vertical-align:top; }
#filters a.active {padding:5px 0px; width:14.5%; color:#333;}

.showpath1 {background-color: mix(#993662, #fff, 20%)}
.showpath2 {background-color: mix(#dd9819, #fff, 20%)}
.showpath3 {background-color: mix(#006f7a, #fff, 20%)}
.showpath4 {background-color: mix(#98bbdb, #fff, 20%)}
.showpath5 {background-color: mix(#0057a4, #fff, 20%)}
.showall {background-color:mix(#ccc, #fff, 20%)}
#filters a.active  {background-color:#fff !important; border-top:1px solid #0057a4; border-left:1px solid #0057a4; border-right:1px solid #0057a4;  /*text-decoration:underline !important;*/ color: #333; width:14.5%;}

.fpblock {cursor:pointer;}
.fpblock.fptitle {cursor:default;}
/*.fpblock.complete {cursor:default;}*/

#fpsearch {border:1px solid #e1e1e1; padding:10px; .clearfix;  margin-bottom:28px; position: relative; background-color:#fff;}
#fpsearch .googlesearch {width:60%; height:38px; padding: 0px 5px; border-color:#e1e1e1;}
#fpsearch p {position: absolute; right:10px; top:20px; display: inline-block; width:30%; font-size:22px; font-weight:bold;}
#fpsearch .btn {background: url(/images/racgp/educationpolicy/search.gif);
    border: 0;
    height: 40px;
    width: 56px;
text-indent:-9999px;
	margin-left:-10px;
}


.key {background-color: #e1e1e1; width:20px; height:10px; display: inline-block;  -webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px;}
.fplist {border-top: 1px solid #e1e1e1 !important; border-bottom: 1px solid #e1e1e1; padding:10px ;}


/* Title Arrows */


.titlerow .content-practice:after{

content : url('/images/racgp/educationpolicy/arrow-db.gif');
position: relative; left:47%; top:-30px;
}

.titlerow .content-experience:after{

content : url('/images/racgp/educationpolicy/arrow-lb.gif');
position: relative; left:47%; top:-30px;
}

.titlerow .content-specialist:after{

content : url('/images/racgp/educationpolicy/arrow-g.gif');
position: relative; left:47%; top:-30px;
}

.titlerow .content-vocational:after{

content : url('/images/racgp/educationpolicy/arrow-y.gif');
position: relative; left:47%; top:-30px;
}
			
.titlerow .content-fellowship:after{

content : url('/images/racgp/educationpolicy/arrow-p.gif');
position: relative; left:47%; top:-30px;
}
		


/* sidebar search and back */

#fppbackside {-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; width:50%;    margin-top:20px; padding:2%; background: #27889f url(/images/racgp/educationpolicy/backbutton.gif) no-repeat; background-position: 5px 0px; color:#fff !important;  float:right;}
#fppbackside a {margin-left:20px; font-size: 16px; color:#fff; display: block;  }

#fppsearchside {text-align:right; margin-top:28px; border:1px solid #e1e1e1; padding:10px; .clearfix;  margin-bottom:28px; position: relative; background-color:#fff;}
#fppsearchside .googlesearch {width:90%; height:38px; padding: 0px 5px; border-color:#e1e1e1; }
#fppsearchside p {font-size:22px; font-weight:bold; float:right; padding-top:18px;}
#fppsearchside .btn {background: url(/images/racgp/educationpolicy/search.gif);
    border: 0;
    height: 40px;
    width: 56px;
text-indent:-9999px;
	margin-left:-57px;}


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */



@media screen and (max-width: 479px) {
/*Portrait Mobile Percentage */

}

/* ========================================================================== */

@media screen and (max-width: 767px) {
/* Landscape Mobile Percentage */

	#filters {display: none;}

	.fpmobile.fpcol, .fpmobile.fpcol2, .fpmobile.fpcol3, .fpmobile.fpcol4, .fpmobile.fpcol5 {margin-bottom:20px !important; height:60px !important; cursor:pointer;}
	.fpmobile > .fptitle {clear: both;}
	.fpmobile > .fptitle > p {color:#fff; display: block; width:100%;}
	.fpmobile.content-fellowship > .fptitle  {background-color:#993662;}
	.fpmobile.content-vocational > .fptitle  {background-color:#dd9819;}
	.fpmobile.content-specialist > .fptitle  {background-color:#006f7a;}
    .fpmobile.content-experience > .fptitle  {background-color:#98bbdb;}
    .fpmobile.content-practice > .fptitle {background-color:#0057a4;}

    .fptitle {align-items: center !important;}

 #fpsearch p {display: none !important;}
 #fpsearch .googlesearch {width:90%; float: left !important;}
 #fpsearch .btn {margin-left:-57px;}

#fppbackside {float:left; margin-bottom:28px; width:96%; background-position: 5px -8px !important;}
#fppbackside a {margin-left:20px; font-size: 16px; color:#fff; display: block; text-decoration:none;}

#fppsearchside .googlesearch  {float: left !important;}
#fppsearchside {margin-top:0px; margin-bottom:0px;}

/*.fpblock.fptitle {cursor:pointer !important;}*/

.fpblock p a {
    font-size: 13px !important;
    line-height: 13px !important;
}

	.backtopathways .fpback p  {font-size: 13px !important;
    line-height: 13px !important;}


/* Title Arrows */


.titlerow .content-practice:after{

content : none;

}

.titlerow .content-experience:after{

content : none;
	
}

.titlerow .content-specialist:after{

content : none;
	
}

.titlerow .content-vocational:after{

content : none;
	
}
			
.titlerow .content-fellowship:after{

content : none;
	
}
	



}


/* ========================================================================== */

/* iPads (landscape) ----------- */
@media screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Ipad specific */

	
	.titlerow > .fpcol {background: none !important; height:100px;}
	#fpsearch p {position: absolute; right:0px; top:4px; line-height:24px;}
}

/* ========================================================================== */

/* iPads (portrait) ----------- */
@media screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Ipad specific */

}

/* ========================================================================== */


/* iPhone 4 ----------- */
@media
screen and (-webkit-min-device-pixel-ratio : 1.5),
screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


/* ========================================================================== */


@media screen and (max-width: 1023px) {
/* Desktop/Tablet Percentage widths */

		#filters a {height:60px !important;}
		.titlerow > .fpcol {height:100px;}
#fpsearch p {position: absolute; right:0px; top:10px;}
#fppsearchside p {font-size:18px;}
#fppbackside { float: left;}
#fppbackside {background-position: 5px 5px;}

.fpblock p {font-size:10px !important; line-height:10px !important;}



}


/* ========================================================================== */

@media screen and (min-width: 1024px) {
/* Wide screens Fixed width 978px column */




}


/* ========================================================================== */

/* Large screens ----------- */
@media screen 
and (min-width : 1824px) {
/* Extra wide */

}





/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { /*background: transparent !important;*/ color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: ""; }
  /*abbr[title]:after { content: " (" attr(title) ")"; }*/
  /*.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }*/  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
	.span8.maincontent {width:100%;}
.fpblock {border:1px solid #000; background:#fff !important;}
.fptitle {border:none;}

.content-fellowship {background: url("/images/racgp/educationpolicy/bg-p.gif") repeat-y !important; background-position: center !important; position: relative}
.content-vocational {background: url("/images/racgp/educationpolicy/bg-y.gif") repeat-y !important; background-position: center !important; position: relative}
.content-specialist {background: url("/images/racgp/educationpolicy/bg-g.gif") repeat-y !important; background-position: center !important; position: relative}
.content-experience {background: url("/images/racgp/educationpolicy/bg-lb.gif") repeat-y !important; background-position: center !important; position: relative}
.content-practice {background: url("/images/racgp/educationpolicy/bg-db.gif") repeat-y !important; background-position: center !important; position: relative}
.content-shared {background: url("/images/racgp/educationpolicy/bg-shared.gif") repeat-y !important; background-position: center !important; position: relative !important;}

.fellowship {background-color: #993662 !important; color:#fff;}
.vtp {background-color: #dd9819 !important; color:#fff;}
.sp {background-color: #006f7a !important; color:#fff;}
.gpep {background-color: #98bbdb !important; color:#fff;}
.pbap {background-color: #0057a4 !important; color:#fff;}
.shared {background-color: #e1e1e1 !important; color:#000;}
.complete {background-color:#7fccc2 !important; color:#000;}
.fpback {background-color:#ccc !important; color:#000;}

/* Title Arrows */


.titlerow .content-practice:after{

content : url('/images/racgp/educationpolicy/arrow-db.gif');
position: relative; left:47%; top:-30px;
}

.titlerow .content-experience:after{

content : url('/images/racgp/educationpolicy/arrow-lb.gif');
position: relative; left:47%; top:-30px;
}

.titlerow .content-specialist:after{

content : url('/images/racgp/educationpolicy/arrow-g.gif');
position: relative; left:47%; top:-30px;
}

.titlerow .content-vocational:after{

content : url('/images/racgp/educationpolicy/arrow-y.gif');
position: relative; left:47%; top:-30px;
}
			
.titlerow .content-fellowship:after{

content : url('/images/racgp/educationpolicy/arrow-p.gif');
position: relative; left:47%; top:-30px;
}
	
.titlerow > .fpcol {background: none !important; height:90px;}
#fpsearch {display:none;}

#policydiagram {page-break-after:always !important; }


}