/* Page Styling */

/* ------------------ IMPORT FONTS ------------------- */
@import url('fonts.css');
@import url('simple-line-icons.css');


/* ---------------- TITLES / HEADINGS ---------------- */
.rf-main-content .subtitle {
  /* Fallback font-size and font-family */
  font: 22px 'ProximaNovaExCnRegular', Arial, sans-serif;
  text-transform: uppercase;
  text-align: left;
  line-height: 30px;
  padding: 0;
  margin: 0;
  width: 100%;	
}
.rf-main-content .subtitle > span > span.view-all:before {
  content: " \f101";
  font-family: "FontAwesome";
  color: inherit;
  text-decoration: none;
}
.rf-main-content .subtitle > span > span.view-all a {
  font-family: 'ProximaNovaExCnRegular', Arial, sans-serif;
  text-transform: uppercase;
  color: #ed1c24;
  text-decoration: none;
  padding: 0 0 10px 5px;	
}
.rf-main-content .subtitle > span > span.view-all a:hover,
.rf-main-content .subtitle > span > span.view-all a:focus {
  text-decoration: underline;	
}
/* Fancy Stripes */
.rf-main-content .subtitle.fancy {
  overflow: hidden;	
}
.rf-main-content .subtitle.fancy > span {
  position: relative;
  display: inline-block;	
}
.rf-main-content .subtitle.fancy > span:after {
  content: '';
  position: absolute;
  top: 0;
  width: 1200px;
  height: 13px;
  margin: 8px 0 0 10px;
  background: url('../img/fancy_stripes.jpg') repeat;
}
@media screen and (max-width:640px) {
	.rf-main-content .subtitle.fancy > span:after {
	  margin: 9px 0 0 10px;
	}	
}
.rf-main-content .subtitle.fancy > span:before {
    right: 100%;
}
.rf-main-content .subtitle.fancy > span:after {
    left: 100%;
}
/* Simple Horizintal Line */
.rf-main-content .subtitle.simple {
  overflow: hidden;	
}
.rf-main-content .subtitle.simple > span {
  position: relative;
  display: inline-block;	
}
.rf-main-content .subtitle.simple > span:after {
  content: '';
  position: absolute;
  top: 50%;
  border-bottom: 2px solid #1e1e1e;
  width: 1200px;
  margin: auto 10px 0;
}
.rf-main-content .subtitle.simple > span:after {
    left: 100%;
}

.rf-main-content .title.no-transform,
.rf-main-content .subtitle.no-transform {
  text-transform: none;	
}
/* Predefined text colors */
.rf-main-content .title.black,
.rf-main-content .subtitle.black { color: #1e1e1e; }
.rf-main-content .title.red,
.rf-main-content .subtitle.red { color: #ed1c24; }
.rf-main-content .title.white,
.rf-main-content .subtitle.white { color: #ffffff; }

/* Predefined font sizes */
.rf-main-content .title.xsmall,
.rf-main-content .subtitle.xsmall { font-size: 0.9em; }
.rf-main-content .title.small,
.rf-main-content .subtitle.small { font-size: 1.2em; }
.rf-main-content .title.medium,
.rf-main-content .subtitle.medium { font-size: 1.6em; }
.rf-main-content .title.large,
.rf-main-content .subtitle.large { font-size: 2em; margin: 20px 0 10px 0; }
.rf-main-content .title.xlarge,
.rf-main-content .subtitle.xlarge { font-size: 3em; }
.rf-main-content .title.xxlarge,
.rf-main-content .subtitle.xxlarge { font-size: 3.4em; }

/* Predefined font styles */
.rf-main-content .title.cn-xbold,
.rf-main-content .subtitle.cn-xbold { font-family: 'Mark Pro Black', Arial, sans-serif; }


@media screen and (max-width: 640px) {
	.rf-main-content .subtitle {
	  /* Fallback font-size and font-family */
	  font-size: 19px;
	}
	.rf-main-content .title.small,
	.rf-main-content .subtitle.small { font-size: 1.2em; }
	.rf-main-content .title.medium,
	.rf-main-content .subtitle.medium { font-size: 1.5em; }
	.rf-main-content .title.large,
	.rf-main-content .subtitle.large { font-size: 2em; }
	.rf-main-content .title.xlarge,
	.rf-main-content .subtitle.xlarge { font-size: 1.8em; }
	.rf-main-content .title.xxlarge,
	.rf-main-content .subtitle.xxlarge { font-size: 2.2em; }
}

@media screen and (min-width: 768px) and (max-width: 1169px) {
	.rf-main-content .subtitle {
	  /* Fallback font-size and font-family */
	  font-size: 20px;
	}
	.rf-main-content .title.small,
	.rf-main-content .subtitle.small { font-size: 1.2em; }
	.rf-main-content .title.medium,
	.rf-main-content .subtitle.medium { font-size: 1.6em; }
	.rf-main-content .title.large,
	.rf-main-content .subtitle.large { font-size: 2em; }
	.rf-main-content .title.xlarge,
	.rf-main-content .subtitle.xlarge { font-size: 2.8em; }
	.rf-main-content .title.xxlarge,
	.rf-main-content .subtitle.xxlarge { font-size: 3em; }
}


/* ---------------- SLIDERS / BANNERS ---------------- */
.rf-main-content .slider-box,
.rf-main-content .banner-box {
  padding: 0;
  /* border-top: 1px solid #b5b5b5; */
  width: 100%;
}

.rf-main-content .full-slider,
.rf-main-content .half-slider,
.rf-main-content .full-banner,
.rf-main-content .half-banner,
.rf-main-content .strip-banner {
  padding: 0;
  margin: 0; 
}

.rf-main-content .full-slider .carousel,
.rf-main-content .full-slider .item,
.rf-main-content .full-slider .active,
.rf-main-content .half-slider .carousel,
.rf-main-content .half-slider .item,
.rf-main-content .half-slider .active {
    height: 100%;
}

.rf-main-content .full-slider .carousel-inner,
.rf-main-content .half-slider .carousel-inner {
  height: 100%;
  background: #1e1e1e;
  overflow: hidden;
}

.rf-main-content .full-slider .smooth-transition .carousel-inner > .item,
.rf-main-content .half-slider .smooth-transition .carousel-inner > .item {
    transition: left 1200ms cubic-bezier(0.455, 0.03, 0.4, 0.955) 0s;
    -webkit-transition: left 1200ms cubic-bezier(0.455, 0.03, 0.4, 0.955) 0s;
}

/* ------------------ PAGE BANNERS ------------------ */
.rf-main-content .full-banner .banner-box,
.rf-main-content .half-banner .banner-box {
  background-size: cover;
  background-position: center !important;
}

.rf-main-content .full-banner .banner-box a.anchor-wrap,
.rf-main-content .half-banner .banner-box a.anchor-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.rf-main-content .full-banner .banner-box {
  width: 100%;
  height: 600px;
}

.rf-main-content .half-banner .banner-box {
  width: 100%;
  height: 300px;
}

/* Wide Header Banners */
.rf-main-content .strip-banner .ad_1170x35 {
  width: 100%;
  height: 35px;
  max-height: 35px;
  padding: 0;
  background: #1e1e1e;
}

/* 1170x35 Ad Space (Desktop) */
.rf-main-content .strip-banner .ad_1170x35 img {
  /* fit the banner image proportionally */
  width: 1170px !important;
  height: auto !important;
  border: none;
  display: block !important;
  margin: 0 auto !important;
}

@media screen and (max-width: 640px) {
	.rf-main-content .strip-banner .ad_1170x35 {
	  	display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 1169px) {
	.rf-main-content .strip-banner .ad_1170x35 {
	 	background: #b5b5b5;
		min-height: 1px;
		max-height: 1px;
	}
	.rf-main-content .strip-banner .ad_1170x35 img {
	 	display: none !important;
	}
}


/* Ad Space Setting */
.rf-main-content .ad-space {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}
.rf-main-content .ad-space a {
  outline: none !important;
  color: #454545 !important;
  text-decoration: underline !important;
  font: 14px 'Mark Pro Light',Arial,sans-serif !important;
}

/* Slots */
.rf-main-content .ad-space .ad_744x35,
.rf-main-content .ad-space .ad_744x80,
.rf-main-content .ad-space .ad_200x320,
.rf-main-content .ad-space .ad_160x600,
.rf-main-content .ad-space .ad_336x280 {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 0 3px 0;
}
.rf-main-content .recommended-side .ad-space .ad_336x280 {
  /* hide on all other sidebars except search results */
  display: none;
}
.rf-main-content .ad-space .ad_744x35 {
  padding: 0 3px;
  margin: -15px 0 15px 0;
}
.rf-main-content .ad-space .ad_200x320 {
  padding: 0 25px 0 0;
  margin: 40px 0 0 0;
}
.rf-main-content .ad-space .ad_744x35 img,
.rf-main-content .ad-space .ad_744x80 img,
.rf-main-content .ad-space .ad_200x320 img,
.rf-main-content .ad-space .ad_160x600 img,
.rf-main-content .ad-space .ad_336x280 img {
  /* fit the banner image proportionally */
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border: none;
  display: block !important;
  margin: 0 auto !important;
  border: 1px solid #f2f2f2;
}
.rf-main-content .ad-space .ad_200x320 img,
.rf-main-content .ad-space .ad_160x600 img,
.rf-main-content .ad-space .ad_336x280 img {
  border: 0;
}
.rf-main-content .ad-space .ad_160x600 img,
.rf-main-content .ad-space .ad_336x280 img {
  margin: 15px 0 !important;
}
@media screen and (max-width: 640px) {
	.rf-main-content .ad-space .ad_200x320,
	.rf-main-content .ad-space .ad_160x600,
	.rf-main-content .ad-space .ad_744x35 {
	  display: none;
	}
	.rf-main-content .recommended-side .ad-space .ad_336x280 {
	  /* show on all sidebars that aren't search results */
	  display: block;
	}
}
@media screen and (min-width: 768px) and (max-width: 1169px) {
	.rf-main-content .ad-space .ad_200x320 {
	  padding: 0 10px 0 0;
	  margin: 30px 0 0 0;
	}
	.rf-main-content .ad-space .ad_160x600 {
	  display: none;
	}
}

/* Page Specific Banners */
.rf-main-content .banner-box.general {
  background: #1e1e1e;
  background-position: center !important;
}
.rf-main-content .banner-box.general .prog-logo {
  padding: 0;
  width: 40% !important;
  display: block !important;
  position: absolute !important;
  top: calc(57%/3) !important;
  left: 30% !important;
}
.rf-main-content .banner-box.general .prog-logo img {
  width: auto !important;
  height: 340px !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.rf-main-content .banner-box.general .prog-logo p,
.rf-main-content .banner-box.general .prog-logo h3 {
  text-align: center;
  margin: 0;
  padding: 0;
  /* text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); */
}
.rf-main-content .banner-box.general .prog-logo p {
  text-transform: capitalize;
  font-size: 14px;
}
.rf-main-content .banner-box.general .prog-logo h3 {
  text-transform: uppercase;
  font: 14px 'Mark Pro Bold', Arial, sans-serif;
  margin-top: 10px;
}
.rf-main-content .banner-box.general .prog-logo p.light,
.rf-main-content .banner-box.general .prog-logo h3.light {
  color: #ffffff;
}
.rf-main-content .banner-box.general .prog-logo p.dark,
.rf-main-content .banner-box.general .prog-logo h3.dark {
  color: #0a0203;
}
.rf-main-content .full-banner .banner-box.general h2 {
  color: #ffffff;
  margin: calc(500px/2) 0;
  text-align: center;
  font: 80px 'ProximaNovaXCnBlack', Arial, sans-serif;
  text-transform: uppercase;
  text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.6);
}


@media screen and (max-width:640px){
	.rf-main-content .full-banner .banner-box { width: 100%; height: 300px; }
	.rf-main-content .banner-box.general { background: #1e1e1e; }
	.rf-main-content .full-banner .banner-box.general h2 { margin: calc(250px/2) 0; font-size: 35px; }	
}

@media screen and (min-width:768px) and (max-width:1169px){
	.rf-main-content .full-banner .banner-box { height: 500px; }
	.rf-main-content .half-banner .banner-box { height: 250px; }	
	.rf-main-content .full-banner .banner-box.general h2 {  margin: calc(420px/2) 0; font-size: 55px; }
}


/* ---------------- DISCLAIMERS ---------------- */

.rf-main-content .disclaimer { margin: 25px 10px 0 10px; text-align: left; }

.rf-main-content .disclaimer p {
	color: #888888;
	font: 12px 'Mark Pro Bold',Arial,sans-serif;
}

.rf-main-content .disclaimer p.fda,
.rf-main-content .disclaimer p.dne {
	border: 1px solid #888888;
	padding: 4px 12px 4px 14px;
}

@media screen and (max-width: 640px) {
	.terms-of-use h3.terms-lead,
	.privacy-policy h3.privacy-lead {
	  font-size: 20px;
	}
	.privacy-policy h3.privacy-lead {
	  margin-top: 5px;
	}
	.terms-of-use h3.terms-subtitle,
	.privacy-policy h3.privacy-subtitle {
	  font-size: 16px;
	}
	.terms-of-use li,
	.privacy-policy li {
	  line-height: 17px;
	  padding: 8px 0;
	  font-size: 14px;
	}
	.rf-main-content .disclaimer p { font-size: 11px; }
	.rf-main-content .disclaimer { text-align: center; }
}
@media screen and (min-width: 768px) and (max-width: 980px) {
	.terms-of-use h3.terms-lead,
	.privacy-policy h3.privacy-lead {
	  font-size: 25px;
	}
	.privacy-policy h3.privacy-lead {
	  margin-top: 8px;
	}
	.terms-of-use h3.terms-subtitle,
	.privacy-policy h3.privacy-subtitle {
	  font-size: 18px;
	}
	.terms-of-use li,
	.privacy-policy li {
	  line-height: 18px;
	  padding: 8px 0;
	  font-size: 15px;
	}
}