/*
Theme Name: Silent Witness Child Theme
Theme URI:
Description:
Author: Justin Y.
Author URI:
Template: oceanwp
Version: 1.0
*/
@font-face{font-family:'Gotham Light'; font-style:normal;
	src:url('assets/css/fonts/gotham-light.eot');
	src:url('assets/css/fonts/gotham-light.eot?#iefix') format("embedded-opentype"),
		  url('assets/css/fonts/gotham-light.svg#Gotham Light') format("svg"),
		  url('assets/css/fonts/gotham-light.woff') format("woff"),
		  url('assets/css/fonts/gotham-light.ttf') format("truetype")}


@font-face{font-family:'Gotham Book'; font-style:normal; font-weight:normal;
	src:url('assets/css/fonts/gotham-book.eot');
	src:url('assets/css/fonts/gotham-book.eot?#iefix') format("embedded-opentype"),
		  url('assets/css/fonts/gotham-book.svg#Gotham Book') format("svg"),
		  url('assets/css/fonts/gotham-book.woff') format('woff'),
		  url('assets/css/fonts/gotham-book.ttf') format("truetype")}
/* ==========================================================================
K00lade Grid  - JY
========================================================================== */
.col-1,.section,.w100{width:100%}.section,:after,:before,[class*=col-]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.section{margin:0 auto;overflow:hidden}.section:after{clear:both;content:"";display:block}[class*=col-]{float:left;padding:.3em}.col{padding:15px 4px}.col-2{width:50%}.col-3{width:33.33%}.col-4{width:25%}.col-5{width:20%}.col-6{width:16.6666666667%}.col-7{width:14.2857142857%}.col-8{width:12.5%}.col-9{width:11.1111111111%}.col-10,.w10{width:10%}.col-11{width:9.09090909091%}.col-12{width:8.33%}.col-05,.w5{width:5%}.col-15,.w15{width:15%}.col-20,.w20{width:20%}.col-25,.w25{width:25%}.col-30,.w30{width:30%}.col-35,.w35{width:35%}.col-40,.w40{width:40%}.col-45,.w45{width:45%}.col-50,.w50{width:50%}.col-55,.w55{width:55%}.col-60,.w60{width:60%}.col-65,.w65{width:65%}.col-70,.w70{width:70%}.col-75,.w75{width:75%}.col-80,.w80{width:80%}.col-85,.w85{width:85%}.col-90,.w90{width:90%}.col-95,.w95{width:95%}

/* ==========================================================================
	All Rules
========================================================================== */
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin: 0; padding: 0 }
a, a:hover,[class*='col-']{-moz-transition:all 0.4s;-o-transition:all 0.4s; -webkit-transition:all 0.4s;transition:all 0.4s }
p { font-family:'Gotham Book', Helvetica, sans-serif; }

/* #header */
/* #top-menu */
#top-menu { background: transparent; position: absolute; top: 0; width: 100%; margin: 0 auto; z-index: 10000}
#top-menu .top-menu-inner { max-width: 100%; width: 1200px; margin: 0 auto; padding: 0; text-align: right }
#top-menu ul {  display: inline-block; list-style: none; margin: 0; padding: 0; text-align: center }
#top-menu ul li { display: inline-block; font-family: "Gotham Book"; font-size: 14px; font-weight: 400; padding: 8px 2px; position: relative }
#top-menu ul li:last-of-type{ padding: 0}
#top-menu ul + ul { margin-left: 20px }
#top-menu ul + ul li { padding: 0 }
#top-menu ul li a { color: #000 }
#top-menu ul li .btn--green { background: #0f9725; color: #fff; font-family: Oswald; font-size: 28px; font-weight: 400; letter-spacing: 0.19px; padding: 8px 50px; text-align: center; text-transform: uppercase; z-index: 10 }
#top-menu ul li .btn--green:hover { opacity: 0.75 }
#top-menu ul .sep-after:before{ color: #000; content: " | "; display: inline-block; left: -8px; padding: 0 4px; position: absolute; top: 1px }
.before-btns:before { background: #007ac2; content: ''; display: block; height: 50%; margin-left: -20px; width: 4px; top: 45px; position: absolute }
@media(max-width: 768px){
  #top-menu { display: none }
}
#top-menu .social-menu-item a { margin-top: 12px }
#top-menu .btn--green { top: -8px }
#top-menu .btn--green a { background: #0f9725; color: #fff; font-family: Oswald; font-size: 28px; font-weight: 400; letter-spacing: 0.19px; padding: 8px 50px; text-align: center; text-transform: uppercase; z-index: 10 }
#top-menu .btn--green a:hover { background: #00497e; color: #fff } 

#site-navigation-wrap { right: 0; top: 24px }
#menu-main-menu .sep-after:before{ color: #007ac2; content: " | "; font-size: 30px; display: inline-block; left: -6px;padding: 0 4px; position: absolute; top: 34px }
@media(max-width: 1280px){
  #site-header-inner { top: 20px }
  #site-navigation-wrap #menu-main-menu >li >a,
  #menu-main-menu .sep-after:before { font-size: 20px }
  #menu-main-menu .sep-after:before { top: 44px }
}
@media(max-width: 767px){
  #site-header-inner { top: -20px }
  #site-logo img { max-width: 240px }
  #site-navigation-wrap { top: 0 }
} 

[class*="main-menu--icon"]   { content: ''; display: inline-block; height: 36px; width: 36px }
[class*="main-menu--icon"]:hover { opacity: 0.75 }
.main-menu--icon--facebook   { background: url('assets/images/social-icon-sprite.png')no-repeat 0 0 / cover   }
.main-menu--icon--twitter    { background: url('assets/images/social-icon-sprite.png')no-repeat -43px 0 / cover  }
.main-menu--icon--instagram  { background: url('assets/images/social-icon-sprite.png')no-repeat -86px 0 / cover  }
.main-menu--icon--youtube    { background: url('assets/images/social-icon-sprite.png')no-repeat -130px 0 / cover  }
.main-menu--icon--phone      { background: url('assets/images/social-icon-sprite.png')no-repeat -173px 0 / cover  }
#menu-main-menu .social-menu-item--first { margin-left: 30px }
#menu-main-menu .social-menu-item .menu-link { padding: 4px 4px }

/* main content */
#primary { margin: 20px 0 }
.has-transparent-header .page-header { padding: 200px 0 36px 0 }
.elementor-button-link { padding: 14px 40px 18px 40px!important }
/* callout section below hero */
#callout-section--below-hero h3 { color: #063e6d; font-size: 28px; font-weight: 500; margin: 0 0 12px; text-align: center  }
#callout-section--below-hero h3 span { color: #0f9725 }
.full-width-btn .elementor-button-link { display: block; margin: 0 auto; max-width: 420px; width: 100%}
.before-btns:before { background: #007ac2; content: ''; display: block; height: 50%; margin-left: -20px; width: 4px; top: 45px; position: absolute }
@media(max-width: 767px){
  .full-width-btn .elementor-button-link {  font-size:60% }
}
.section-title--blue .elementor-heading-title { background: #fff; display: inline; padding: 0 }
.section-title--blue .elementor-heading-title span { display: block }
.section-title--blue .elementor-heading-title:after { background: #007ac2; content: ''; display: block; height: 4px; position: absolute; margin-left: 0px; top: 30%; width: 400px; z-index: -1 }
.section-title--blue .elementor-heading-title:before { background: #007ac2; content: ''; display: block; height: 4px; position: absolute; right: 0px; top: 30%; width: 400px; z-index: -1 }
.before-btns:before { background: #007ac2; content: ''; display: block; height: 50%; margin-left: -20px; width: 4px; top: 45px; position: absolute }
@media(max-width: 767px){
  .section-title--blue .elementor-heading-title:after,
  .section-title--blue .elementor-heading-title:before { display: none }
  .section-title--blue .elementor-heading-title span { display: inline }
}

/* .elementor-5 .elementor-element.elementor-element-7f708b7 { z-index: -1 } */
.section-title--gray .elementor-heading-title { background: #f3f3f3; display: inline; padding: 0 }
.section-title--gray .elementor-heading-title span { display: block }
.section-title--gray .elementor-heading-title:after { background: #007ac2; content: ''; display: block; height: 4px; position: absolute; margin-left: 0px; top: 30%; width: 200px; z-index: -1 }
.section-title--gray .elementor-heading-title:before { background: #007ac2; content: ''; display: block; height: 4px; position: absolute; right: 0px; top: 30%; width: 200px; z-index: -1 }
.before-btns:before { background: #007ac2; content: ''; display: block; height: 50%; margin-left: -20px; width: 4px; top: 45px; position: absolute }
@media(max-width: 767px){
  .section-title--gray .elementor-heading-title:after,
  .section-title--gray .elementor-heading-title:before { display: none }
  .section-title--gray .elementor-heading-title span { display: inline }
}

/* current cases */
.elementor-element-1e33d6c .elementor-column { padding: 0!important  }
.elementor-5 .elementor-element.elementor-element-1e33d6c { overflow: hidden }
.case-item-carousel { color: #fff; padding: 0; margin: 0 }
.case-item-section--inner { width: 90%; margin: 40px auto }
.case-item--content { padding-left: 30px }
.case-item-section a { color: inherit }
.case-item--main-title { color: inherit; font-family: Oswald; font-size: 35px; font-weight: 400 }
.case-item--reward-title { color: inherit; font-family: Oswald; font-size: 57px; font-weight: 400; margin-bottom: 8px }
.case-item--reward-location { padding-bottom: 20px }
.case-item--text { padding: 0 0 20px }
.case-item--suspect-title { color: inherit; font-family: Oswald; font-size: 30px; font-weight: 400; margin-bottom: 8px }
.case-item--suspect-description { padding-bottom: 30px }
.case-item--btn { background: #0f9725; color: #fff; font-family: Oswald; font-size: 28px; font-weight: 400; letter-spacing: 0.19px; padding: 8px 50px 12px 50px; text-align: center; text-transform: capitalize; z-index: 10}
.case-item--btn:hover { background: #063e6d; color: #fff } 
.case-item-carousel .owl-nav  { height: 100%; padding: 25% 0; position: absolute; top: 0; min-width: 1108px; max-width: 100%; z-index: -1 }
.case-item-carousel .owl-next { height: 100%; float: right; margin-right: -60px }
.case-item-carousel .owl-prev { margin-left: -60px }
.case-item-carousel .owl-prev span { margin-left: -12px; position: absolute }
.case-item-carousel .owl-next span { margin-left: 12px; position: absolute } 
.case-item-carousel .owl-prev:before { background: #03345e; content: ''; position: absolute; right: -98px; width: 102px; height: 150%; top: 0; z-index: -1 }
.case-item-carousel .owl-next:before  { background: #03345e; content: ''; position: absolute; left: -98px; width: 102px; height: 150%; top: 0; z-index: -1; } 


.blog-entry.thumbnail-entry .thumbnail { width: 15% }
.blog-entry.thumbnail-entry .thumbnail img { width: 300px }
.blog-entry.thumbnail-entry .blog-entry-bottom { border-top: 0!important; display: none!important }
.blog-entry.thumbnail-entry #btn--submit-tip,
.blog-entry.thumbnail-entry #btn--view-case { font-size: 18px; padding: 6px 20px }
.blog-entry.thumbnail-entry #btn--view-case { background: #00497e }
.blog-entry.thumbnail-entry #btn--submit-tip:hover { background: #00497e }
.blog-entry.thumbnail-entry #btn--view-case:hover  { background: #0f9725 }

@media(max-width: 767px){
 .case-item--photo,
 .case-item--content { margin: 0 auto; width: 100% }
 .case-item--photo img { width: 100%; height: auto }
 .case-item--content { padding-left: 4px }
 .blog-entry.thumbnail-entry .thumbnail { width: 100% }
}

/* victim stories */
#victim-story {  color: #063e6d }
.victim-story--content { padding: 0 40px }
.victim-story--main-title { color: inherit; font-family: Oswald; font-size: 40px; font-weight: 400 line-height: 46.46px }
.victim-story--photo img { max-height: 375px; width: auto; margin: 0 auto }
.victim-story--name { color: inherit; font-family: Oswald; font-size: 25px; font-weight: 400 }
.victim-story--text { padding: 0 0 20px }
.victim-story--btn { background: #0f9725; color: #fff; font-family: Oswald; font-size: 28px; font-weight: 400; letter-spacing: 0.19px; padding: 8px 50px 12px 50px; text-align: center; text-transform: capitalize; z-index: 10}
.victim-story--btn:hover { background: #063e6d; color: #fff }
@media(max-width: 767px){
  .victim-story--photo,
  .victim-story--content { margin: 0 auto; width: 100% }
/*   .victim-story--photo img { width: 100%; height: auto } */
  .victim-story--content { padding: 0  }
}
.single-how_we_serve .thumbnail { max-width: 320px }

/* status section */
#status-box-date { font-family: Oswald; font-weight: 700 }
#status-box-1,
#status-box-2,
#status-box-3 { color: #fff; position: relative }
#status-box-1 { width:200px }
#status-box-2 { width:240px }
#status-box-3 { width:310px }
#status-box-1 h4,
#status-box-2 h4,
#status-box-3 h4 { color: #fff; display: inline-block;  font-family: Oswald; font-size: 40px; font-weight: 400; margin: 4px 0 0 }
#status-box-1 p,
#status-box-2 p,
#status-box-3 p { display: inline-block; font-size: 18px; line-height: 1; margin-left: 12px; width: 40% }
#status-box-3 p { width: 30% }
#status-box-1:after,
#status-box-2:after { background: #0f9725; content: ''; height: 100%; width: 5px; right: -10px; position: absolute; top: 0 }


@media(max-width: 1367px){
  #status-box-date { font-size: 90% }
  #status-box-1,
  #status-box-2,
  #status-box-3  { font-size: 90% }
  #status-box-1 h4,
  #status-box-2 h4,
  #status-box-3 h4 { font-size: 170% }
  #status-box-1:after,
  #status-box-2:after { right: 10px }
}
@media(max-width: 767px){
  #status-box-date { font-size: 175%; margin-top: 20px }
  #status-box-1,
  #status-box-2,
  #status-box-3  { width: 100%; margin: 0 auto }
  #status-box-3 { margin: 0 0 30px }
  #status-box-1 h4,
  #status-box-2 h4,
  #status-box-3 h4 { display: block; font-size: 225%; width: 100%; text-align: center }
  #status-box-1 p,
  #status-box-2 p,
  #status-box-3 p { display: block; margin: 0 auto; padding: 0; width: 100%; text-align: center  }
  #status-box-1:after,
  #status-box-2:after { display: none }
} 

/* sponsorship items */
#sponsorship-level-item .elementor-widget-heading { margin-bottom: 0 }
#sponsorship-level-item .elementor-heading-title { background: #28a528; color: #fff; display: inline-block; font-size: 24px; margin-bottom: 20px; padding: 8px 20px }
#sponsorship-level-item img { display: inline-block; vertical: middle }
#sponsorship-level-item--text p { padding: 0 8px}
#sponsorship-level-item .elementor-col-33 { padding: .3em 0 .3em }
 

/* events */
.category-all-events #primary  { border: 0; float: none; padding-right: 0; width: 100% }
.upcoming-event-section { padding: 60px 0 0; text-align: center }
.upcoming-event-section .event-title  { font-family: "Oswald", Sans-serif; font-size: 40px; font-weight: 400 }
.upcoming-event-section .event-btns { overflow: visible; margin: 20px 0 }
.upcoming-event-section .btn--green { background: #0f9725; color: #fff; font-family: Oswald; font-size: 28px; font-weight: 400; letter-spacing: 0.19px; padding: 8px 50px 12px 50px; text-align: center; text-transform: capitalize; z-index: 10 }


 
.upcoming-event--content p a, 
.elementor-text-editor p a { color: #0f9725  } 

.event-single--reg-btn { padding: 10px 0 40px }

.btn--green { background: #0f9725; color: #fff; font-family: Oswald; font-size: 28px; font-weight: 400; letter-spacing: 0.19px; padding: 8px 50px; text-align: center; text-transform: uppercase; z-index: 10 }
.btn--green:hover { background: #00497e; color: #fff } 
 @media(max-width: 767px){
   .upcoming-event-section { padding: 30px 0 }
   .upcoming-event-section .event-title {  font-size: 28px }
   .upcoming-event-section .btn--green  { clear: both; display: block; float: none; margin: 8px auto }
}
/* footer */
#menu-footer-menu li.sep-after:before{ color: #001c53; content: " | "; font-size: 14px; display: inline-block; left: -10px; position: absolute; top: 0 }
#menu-footer-menu { list-style: none; margin: 0 auto; padding: 0; text-align: left }
#menu-footer-menu li:first-of-type { margin-left: 0 }
#menu-footer-menu li { display: inline-block; font-size: 14px; margin: 0 8px; position: relative }
#search-form input { border: 1px solid #000; border-radius: 0 }
#search-form .input-wrap input[type=submit] { background: none; border: 0; color: inherit; content: 'ew'; display: inline-block; float: right; font-size: inherit;  padding: 12px 0;  width: 10%; top: -2px; right: 0; position: absolute }
#search-form .input-wrap input:focus { outline: none }
#search-form input::-webkit-input-placeholder { color: inherit; font-style: italic }
#search-form input::-moz-placeholder { color: inherit; font-style: italic }
#search-form input::-ms-input-placeholder { color: inherit; font-style: italic }
#search-form input::-moz-placeholder { color: inherit; font-style: italic }


.footer--social-icons { list-style: none; padding: 0; margin: 0 auto; text-align: center; width: 268px }
.footer--social-icons ul li { display: inline-block; margin: 0 8px }
[class*="footer--icon"]  { background-size: contain; content: ''; display: inline-block; height: 45px; width: 45px }
[class*="footer--icon"]:hover { opacity: 0.75 }
[class*="footer--icon"] a { display: block; height: 100%; width: 100% }
.footer--icon--facebook   { background: url('assets/images/social-icon-sprite.png')no-repeat 0 0 / cover   }
.footer--icon--twitter    { background: url('assets/images/social-icon-sprite.png')no-repeat -54px 0 / cover  }
.footer--icon--instagram  { background: url('assets/images/social-icon-sprite.png')no-repeat -108px 0 / cover  }
.footer--icon--youtube    { background: url('assets/images/social-icon-sprite.png')no-repeat -162px 0 / cover  }
.footer--icon--phone      { background: url('assets/images/social-icon-sprite.png')no-repeat -216px 0 / cover  }
 
/* single case */
.category-homicides .tax-desc p { font-size: 12px }
.type-cases .entry-title { margin: 0 0 8px }
.title-meta p { font-size: 14px; margin: 0 0 8px; padding: 0 }
.suspect-case-info { padding: 0 40px }
.suspect-description { margin: 40px 0 }
.suspect-description--title { font-size: 32px }
.suspect-buttons .btn--green { display: block; margin: 12px 0; max-width: 100%; width: 320px }
.suspect-buttons .btn--blue { background: #00497e }
.suspect-buttons .btn--blue:hover { background: #0f9725; color: #fff } 
@media(max-width: 850px){
 .suspect-photo, .suspect-case-info { display: block; margin: 12px auto; width: 100% }
 .suspect-case-info { padding: 0 }
 .suspect-buttons .btn--mb { display: block; margin: 8px auto; width: 100% }
}


.btn--blue { background: #007ac2; color: #fff; display: block;  font-family: Oswald; font-size: 20px; font-weight: 400; letter-spacing: 0.19px; padding: 8px 20px; text-align: center; text-transform: uppercase }
.btn--blue:hover { background: #0f9725; color: #fff } 


.post-type-archive-cases #text-4, .post-type-archive-cases #text-10 { display: none }