/*
Theme Name: Raymond Scott
Theme URI: https://www.raymondscott.net
Description: Theme created for Raymond Scott
Author: Example7
Author URI: https://www.example7.com
Version: 1.0

  Colors
  ------
  Black   292e32  41, 46, 50
  Red     ed1c24
  Red dk  96125b
  Orange  f5ab03  245, 171, 3
  Yellow  f1d242  241, 210, 66
  Blue    0195af  1, 149, 175
  Blue dk 0e70ad
  Purple  a0668f
  Gray    c1c1c1

  Webfonts
  --------
  P22 Flora Mambo Regular  P22FloraMambo              400
  Proxima Nova             "proxima-nova"             100/400/700
  Proxima Nova Cond        "proxima-nova-condensed"   400

*/



@import "print.css";



#main .metaslider ul {
	margin: 0 !important;
}
#main .metaslider ul li{
	list-style: none !important;
}


/* ====================================================================
   Global
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

#wrap {	
  position: relative;
  width: 100%; min-height: 100%;
  background-color: #f1d242;
}

#header-wrap { 
  width: 100%; 
  background-color: #292e32; 
}

.header { 
  overflow: auto; 
  width: 91.6%; max-width: 1050px; height: auto; margin: 0 auto; padding: 10px 4%;
  border-left: 1px solid #292e32; border-right: 1px solid #292e32;
}

#nav-header-wrap { 
  width: 100%; 
  border-top: 1px solid #000;
  background-color: #292e32; 
}

.nav-header {
  clear: both; display: inline-block; 
  width: 100%; margin-left: -20px;
  text-align: center; 
}

#content { 
  clear: both; overflow: auto;
  width: 91.6%; max-width: 1020px; min-height: 1000px; margin: 0 auto; padding: 40px 4% 180px 4%;
  border-left: 1px solid #292e32; border-right: 1px solid #292e32;
  background-color: #FFF;
}

#main { 
  clear: both; float: left;
  width: 700px; min-height: 400px; margin: 0; padding: 0;
}

#side { 
  float: right;
  width: 250px; min-height: 400px; margin: 0; padding: 0;
}

#footer-wrap { 
  position: absolute; bottom: 0; left: 0; right: 0; z-index: 9999;
  width: 100%; 
  background-color: #292e32; 
}

.footer { 
  width: 98%; margin: 0 auto; padding: 15px 1%;
}

/* -------------------[ Type ]------------------- */

body, html { 
  color: #292e32; font-family: "proxima-nova", sans-serif; font-size: 16px; line-height: 22px; 
}

/* -------------------[ Headers ]------------------- */

h1 { 
  clear: both; display: inline-block; overflow: hidden; 
  width: 100%; margin: 0 auto 15px auto; padding: 0; 
  color: #292e32; font-family: P22FloraMambo; font-size: 25px; line-height: 30px; font-weight: 400; letter-spacing: 0.03em; text-align: center; 
}

h1:before,
h1:after {
  position: relative; display: inline-block;
  width: 50%; height: .1em; margin-bottom: .25em;
  border-top: 1px solid #292e32; 
  content: "";
}

h1:before {
  right: 2%;
  margin-left: -48%;
}

h1:after {
  left: 2%;
  margin-right: -48%;
}

h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 12px 0; padding: 0;
  letter-spacing: 0.01em; 
}

h2 { 
  font-family: "proxima-nova-condensed"; font-size: 20px; line-height: 20px; font-weight: 400; 
}

h3 { 
  font-family: "proxima-nova"; font-size: 20px; line-height: 24px; font-weight: 700; 
}

h4 { 
  font-family: P22FloraMambo; font-size: 25px; line-height: 30px; font-weight: 400; 
}

h5 { 
  font-family: "proxima-nova"; font-size: 16px; line-height: 18px; font-weight: 700; 
}

h6 { 
  font-family: "proxima-nova"; font-size: 13px; line-height: 15px; font-style: italic;
}

/* -------------------[ Links ]------------------- */

a:link, a:visited, a:active { 
  color: #ed1c24; text-decoration: none; 
}

a:hover { 
  color: #292e32; text-decoration: none; 
}

/* -------------------[ Social Icons ]------------------- */

.social a.social-i svg {
  width: 35px; height: auto; 
}

.social a.i-facebook,
.social a.i-instagram,
.social a.i-twitter {
  fill: #FFF;
}

.social a.i-facebook:hover,
.social a.i-instagram:hover,
.social a.i-twitter:hover {
  fill: #f5ab03;
}

/* -------------------[ Header ]------------------- */

/* -----[ Logo ]----- */

.logo { 
  float: left;
  margin: 0 0 0 -2px;
  font-family: P22FloraMambo; font-size: 50px; line-height: 60px; letter-spacing: 0.01em;
}

.logo a {
  color: #FFF; 
}

.logo a:hover {
  color: #f5ab03; 
}

/* -----[ Byline ]----- */

.logo-date { 
  float: left;
  margin: 33px 0 0 15px;
  color: #c1c1c1; font-size: 16px; line-height: 16px; font-weight: 100; font-style: italic; letter-spacing: 0.03em; 
}

/* -----[ Social ]----- */

.social-header { 
  float: right;
  margin: 0 0 0 20px;
}

.social-header a.social-i svg { 
  margin: 12px 0 0 7px;
}

/* -----[ Nav ]----- */

.nav-header li {
  display: inline-block; 
}

.nav-header a {
  height: 30px; margin: 0 27px; padding: 0 0 20px 0; 
  color: #FFF; font-family: P22FloraMambo; font-size: 25px; line-height: 30px; font-weight: 400; letter-spacing: 0.01em; text-decoration: none; 
}

.nav-header a:hover, 
.nav-header li.current_page_item a,
.nav-header li.current-menu-item a,
.nav-header li.current-menu-parent a, 
.nav-header li.current-menu-ancestor a,
.nav-header li.current-category-ancestor a { 
  color: #f5ab03;
}

.nav-header ul ul {
  float: left; display: none; position: absolute; top: 45px; left: 12px; 
  margin: 0; padding: 0;
  text-align: left; 
}

.nav-header li li a { 
  clear: both; display: block; position: relative; bottom: 0; z-index: 999; vertical-align: middle; 
  width: 180px; height: 15px; margin: 0; padding: 15px 15px; 
  border-bottom: 1px solid #FFF; 
  background: rgb(41, 46, 50); background: rgba(41, 46, 50, 0.9); 
  color: #FFF !important; font-family: "proxima-nova"; font-size: 14px; line-height: 18px; font-weight: 400; text-align: left;   
}

.nav-header li li a:hover,
.nav-header li li.current_page_item a,
.nav-header li li.current-menu-item a { 
  color: #f5ab03 !important; 
}

.nav-header ul li:hover > ul { 
  display: block; 
}

.nav-header .menu ul { 
  list-style: none; 
}

.nav-header .menu li { 
  position: relative; 
  margin: 0; padding: 0; 
}

/* -----[ Nav Mobile ]----- */

#click-menu { 
   display: none; position: absolute; z-index: 999;
}

.menu-link {
  position: relative; display: inline-block;
  width: 32px; height: 16px !important; margin-right: 0.3em;
  border-top: 2px solid #FFF; border-bottom: 2px solid #FFF;
  font-size: 12px !important; 
}

.menu-link:before {
  position: absolute; top: 7px; left: 0px;
  width: 100%;
  border-top: 2px solid #FFF;
  content: "";
}

.panel {
  position: fixed; overflow: auto; right: -240px; z-index: 9999; 
  width: 240px;
  border-left: 1px solid #FFF;
  background-color: #292e32; 
}

.menu-top-mobile ul {
  clear: both; display: block;
  margin: 0; padding: 22px 0;
  list-style-type: none;
}

.menu-top-mobile ul li a {
  clear: both; display: block;
  margin: 0; padding: 10px 0 10px 25px; 
  color: #FFF; font-size: 16px; line-height: 16px; font-weight: 400; text-decoration: none;
}

.menu-top-mobile ul ul {
  padding: 5px 0;
}

.menu-top-mobile ul li li a {
  margin: 0; padding: 0 0 5px 35px; 
  color: #FFF !important; font-size: 14px; line-height: 16px; 
}

.menu-top-mobile ul a:hover { 
  color: #f5ab03 !important;
}

/* -------------------[ Main ]------------------- */

/* -----[ Images ]----- */

#main img { 
  max-width: 100%; height: auto;
}

#main div.wp-caption {
  width: auto !important;
}

p img { 
  margin-bottom: 0 !important;
}

/* -----[ Breaks ]----- */

hr { 
  clear: both; 
  width: 100%; height: 0px; margin: 20px 0; padding: 0 0 1px 0; 
  border: none;
  background-color: #c1c1c1; 
}

/* -----[ Lists ]----- */

#main ul,
#main ol { 
  margin: 0 0 10px 30px; padding: 0;
}

#main ul li,
#main ol li { 
  margin: 0; padding: 0 0 3px 0;
  list-style-position: outside; 
}

#main ul li {
  list-style: disc; 
}

#main ol li { 
  list-style-type: decimal; 
}

/* -----[ Tablepress ]----- */

.dataTables_wrapper label { 
  font-size: 14px; text-transform: uppercase;
}

.dataTables_wrapper label input {  
  width: 200px !important; margin: 10px 0 20px 10px !important; padding: 9px 4px 7px 4px !important;
  border: 1px solid #292e32;
}

/* -----[ Cue ]----- */

.cue-playlist-container { 
  clear: both;
  width: 100%;
}

.cue-playlist-container ol {
  margin: 0 0 10px 0 !important;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-container {
  background: #292e32 !important;
  font-family: inherit;
}

/* -----[ Pull Quote ]----- */

.simplePullQuote {
  margin: 0 0 20px 30px !important; padding: 15px 10px 5px 10px !important;
  text-indent: 30px !important;
}

/* -----[ Excerpts ]----- */

#excerpt { 
  clear: both; display: block;
  width: 100%; margin: 30px 0 50px 0; padding: 5px 0 0 0;
}

#excerpt img { 
  float: left; 
  width: 220px; height: auto; margin: 4px 20px 20px 0;
}

#excerpt .excerpt-title { 
  margin: 0 0 10px 0;
  font-size: 18px; line-height: 22px; font-weight: 400; 
}

#excerpt .excerpt-label-year { 
  color: #666; font-family: "proxima-nova-condensed"; font-size: 15px; 
}

/* -------------------[ Pagination ]------------------- */

#pagination { 
  clear: both; display: block;
  width: 100%; margin: 40px 0 0 0; 
  text-transform: uppercase; 
}

#pagination .left { 
  float: left;
}

#pagination .right { 
  float: right;
}

#pagination a { 
  color: #000;
}

#pagination a:hover { 
  color: #0195af;
}

/* -------------------[ Side ]------------------- */

#side h2 { 
  margin: 0;
  text-transform: uppercase; text-align: center; 
}

#side ul { 
  margin: 0 0 0 -40px;
}

#side ul li { 
  list-style: none; 
  margin: 0 0 4px 0; padding: 0; 
}

#side ul li.widget_text { 
  margin: 0 0 40px 0; 
}

/* -----[ Search ]----- */

#search { 
  clear: both; 
  width: 100%; margin: 0 0 50px 0; padding: 0;
}

#search h2 { 
  color: #a0668f; 
}

#search input {  
  clear: both; display: block;
  width: 200px; margin: 10px auto; padding: 9px 4px 7px 4px;
  border: 1px solid #a0668f; 
  background-color: #FFF; 
  color: #292e32; font-family: "proxima-nova-condensed"; font-size: 16px; line-height: 18px; letter-spacing: 0.03em; text-align: center; 
}

#search input.search-submit { 
  width: 120px; margin: 0 auto; 
  border: 1px solid #a0668f; 
  background-color: #a0668f; 
  color: #FFF;
  cursor: pointer;
}

#search input.search-submit:hover { 
  background-color: #FFF; 
  color: #292e32; 
}

/* -----[ Newsletter ]----- */

#cta-side { 
  clear: both; 
  width: 100%; margin: 0 0 50px 0; padding: 0;
}

#cta-side h2 { 
  color: #0195af; 
}

#cta-side input {  
  clear: both; display: block;
  width: 200px; margin: 10px auto; padding: 9px 4px 7px 4px;
  border: 1px solid #0195af; 
  background-color: #FFF; 
  color: #292e32; font-family: "proxima-nova-condensed"; font-size: 16px; line-height: 18px; letter-spacing: 0.03em; text-align: center; 
}

#cta-side input.cta-submit { 
  width: 120px; margin: 0 auto; 
  border: 1px solid #0195af; 
  background-color: #0195af; 
  color: #FFF;
  cursor: pointer;
}

#cta-side input.cta-submit:hover { 
  background-color: #FFF; 
  color: #292e32; 
}

/* -----[ Quotes ]----- */

.quotescollection-quote {
  margin: 0 0 40px 0; padding: 10px 15px;
  border: 1px solid #0195af;
  background: rgba(1, 149, 175, 0.1); 
  color: #292e32; font-family: "proxima-nova-condensed"; font-size: 16px; line-height: 20px; letter-spacing: 0.03em; 
}

.quotescollection-quote .attribution {
  margin: -10px 0 10px 0;
  font-size: 15px; letter-spacing: 0; 
}

.quotescollection-quote .nav-next {
  color: #0195af; text-align: right;
}

/* -------------------[ Footer ]------------------- */

.footer { 
  color: #292e32; font-family: "proxima-nova-condensed"; font-size: 18px; line-height: 20px; text-align: center;
}

.footer { 
  color: #FFF; 
}

body.home .footer { 
  color: #292e32; 
}

.footer a { 
  color: #FFF;
}

.footer a:hover { 
  color: #ed1c24 !important; 
}

body.home .footer a { 
  color: #292e32;
}

body.home .footer a:hover { 
  color: #FFF !important; 
}

.social-footer a.social-i svg { 
  margin: 15px 7px 0 7px;
}

.footer ul { 
  margin: 0 0 0 -40px;
}

/* -------------------[ Scroll To Top ]------------------- */

.scroll-to-top { 
  display: none; position: fixed; right: 20px; bottom: 15px; text-indent: -9999px; z-index: 99999;
  width: 50px; height: 82px; 
  background: url(images/back_to_top.png) no-repeat center center; 
  font-size: 0; 
  cursor: pointer; 
  outline: 0px none; 
}










/* ====================================================================
   Home
   ==================================================================== */

/* -------------------[ Home Specific Styles ]------------------- */

body.home #header-wrap { 
  background-color: #f1d242; 
}

body.home .header { 
  border: none;
}

body.home .logo {
  color: #292e32; 
}

body.home .logo-date { 
  color: #292e32; 
}

body.home .social a.i-facebook,
body.home .social a.i-instagram,
body.home .social a.i-twitter {
  fill: #292e32;
}

body.home .social a.i-facebook:hover,
body.home .social a.i-instagram:hover,
body.home .social a.i-twitter:hover {
  fill: #FFF;
}

body.home #nav-header-wrap { 
  border-top: 1px solid #f5ab03; 
  background-color: #f5ab03; 
}

body.home .nav-header a:hover,
body.home .nav-header li.current_page_item a {
  color: #292e32; 
}

body.home .nav-header li li a { 
  background: rgb(245, 171, 3); background: rgba(245, 171, 3, 0.9);  
}

body.home .nav-header li li a:hover { 
  color: #292e32 !important; 
}

body.home .menu-link {
  border-top: 2px solid #292e32; border-bottom: 2px solid #292e32;
}

body.home .menu-link:before {
  border-top: 2px solid #292e32;
}

body.home .panel {
  background-color: #f5ab03; 
}

body.home .menu-top-mobile ul a:hover { 
  color: #292e32 !important;
}

body.home #footer-wrap {
  background-color: #f1d242; 
  color: #292e32; 
}

body.home .footer a:hover { 
  color: #292e32; 
}

/* -------------------[ Well ]------------------- */

#home-wrap { 
  width: 100%; 
  /* background: repeating-linear-gradient( -55deg, #f5ab03, #f5ab03 10px, #f1d242 10px, #f1d242 20px ); */
  background-color: #f1d242;
}

#home-well {
  position: relative; z-index: 1; overflow: hidden; 
  width: 100%; max-width: 1180px; height: auto; margin: 0 auto; padding: 0;
  background-color: #f5ab03; 
  text-align: center;
}

#home-well img { 
  display: block; position: relative; top: 0; 
  width: 100%; height: auto; max-height: 400px; 
}

#home-well .home-well-overlay { 
  position: absolute; left: 19%; top: 40%; z-index: 999; vertical-align: middle;
  width: 12%; height: auto; margin: auto; 
  font-family: "proxima-nova-condensed"; font-size: 16px; line-height: 22px; letter-spacing: 0.03em; text-align: right;
}

#home-well .home-well-overlay .home-well-quote { 
  color: #96125b;
}

#home-well .home-well-overlay .home-well-author { 
  color: #0e70ad; font-style: italic;
}

/* -------------------[ Content ]------------------- */

#home-content-wrap {
  clear: both; 
  width: 100%; max-width: 1180px; margin: 0 auto 150px auto; padding: 0;
}

.home-byline {
  width: 91.6%; max-width: 1022px; margin: 0 auto; padding: 25px 4.2%;
  background-color: #f5ab03; 
  color: #FFF; font-family: P22FloraMambo; font-size: 28px; line-height: 30px; font-weight: 400; letter-spacing: 0.01em; text-align: center; 
}

.home-content {
  clear: both; overflow: auto;
  width: 91.6%; max-width: 1022px; margin: 0 auto; padding: 0 4.2% 40px 4.2%;
  background-color: #f5ab03; 
}

.home-cta1,
.home-cta2 {
  width: 44%; min-height: 500px; margin: 0; padding: 2%;
  background-color: #f1d242; 
}

.home-cta1 {
  float: left;
}

.home-cta2 {
  float: right;
}

.home-cta1 h3,
.home-cta2 h3 {
  width: 96%; margin: 0 0 20px 0; padding: 2%;
  background-color: #f5ab03;
  text-align: center;
}

.home-cta1 img,
.home-cta2 img {
  max-width: 100%; height: auto;
}




/* ====================================================================
   Pages
   ==================================================================== */











/* ====================================================================
   Contact
   ==================================================================== */


/* -------------------[ Form ]------------------- */

/* -----[ Layout ]----- */

#contact-form { 
  clear: both; overflow: hidden; 
  width: 89.8%; margin: 15px 0 40px 0; padding: 25px 5%; 
  border: 1px dotted #0195af;
  text-align: left; 
}

/* -----[ Field ]----- */

#contact-form .form-title,
#contact-form .form-field { 
  clear: both; float: left; 
  width: 98%; margin: 0; padding: 0; 
  font-family: "proxima-nova-condensed"; font-size: 16px; line-height: 18px; text-transform: uppercase; letter-spacing: 0.03em; text-align: left; 
}

#contact-form input,
#contact-form textarea { 
  width: 97%; margin: 5px 0 15px 1px; padding: 6px 2% !important; 
  border: 1px solid #0195af !important;
  background-color: #FFF !important; 
}

/* -----[ Textarea ]----- */

#contact-form textarea { 
  height: 180px; 
}

/* -----[ Focus ]----- */

#contact-form input[type=text]:focus, 
#contact-form input[type=email]:focus, 
#contact-form textarea:focus {
  border: 1px solid #0195af;
  box-shadow: 0 0 5px #0195af;
}

/* -----[ Required ]----- */

#contact-form .required { 
  position: relative; top: -4px;
  color: #0195af; font-size: 12px; 
}

/* -----[ Submit ]----- */

#contact-form .wpcf7-submit { 
  clear: both; 
  width: 80px !important; margin: 5px 0 0 0; padding: 7px 15px 5px 15px !important; 
  border: 1px solid #0195af !important; 
  background: #0195af !important; 
  color: #FFF; font-family: "proxima-nova-condensed"; font-size: 16px; line-height: 18px; letter-spacing: 0.03em; text-align: center; 
}

#contact-form .wpcf7-submit:hover { 
  border: 1px solid #0195af !important; 
  background-color: #FFF !important; 
  color: #000;
}

/* -----[ Validation ]----- */

span.wpcf7-not-valid-tip { 
  clear: both; 
  margin: 0 0 15px 0; 
  color: #0195af !important; font-family: "proxima-nova-condensed"; font-size: 14px !important; font-weight: 400 !important; 
}

div.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  margin: -5px 0 0 0; 
  text-transform: uppercase;
}

div.wpcf7-mail-sent-ok, 
div.wpcf7-mail-sent-ng, 
div.wpcf7-spam-blocked, 
div.wpcf7-validation-errors { 
  display: none !important;
}