/*
Theme Name: SECFORCE
Template: Divi
*/



/*---------- [ Load The Fonts ] ----------*/

@font-face {
    font-family: Kontrapunkt;
    src: url('fonts/Kontrapunkt-Bold.otf');
    font-weight: bold;
}

@font-face {
    font-family: Kontrapunkt;
    src: url('fonts/Kontrapunkt-Light.otf');
    font-weight: normal;;
}


/*---------- [ Font Styling ] ----------*/

body {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

.twitter-tweet.twitter-tweet-rendered {
	margin: auto;
}
.sf_title {
	font-family: Kontrapunkt, Lato, sans-serif;
  font-weight: bold;
  color: #000;
}

.sf_subtitle, .sf_effect {
  font-size: 24px;
  font-weight: normal;
  color: #000;
  line-height: 1.4em;
}

@media only screen and (max-width: 768px) {
  .sf_subtitle {
    font-size: 20px;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .sf_effect {
    font-size: 20px;
    text-align: center;
  }
}


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

a {
  color: #0e5c67;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #000!important;
  opacity: 1!important;
}

/*---------- [ Menus ] ----------*/

#logo { width: 150px; }

img.full_menu_logo {
  float: left!important;
  width: 150px;
  height: 40px;
  margin-top: 28px;
}

@media only screen and (max-width : 981px) {
  img.full_menu_logo {
    margin-top: 23px;
  }
}

.et_pb_fullwidth_menu .et_mobile_nav_menu { float: right !important; }

#menu-website a:hover { color:#000!important; }

#menu-website li ul { width: 310px; }

#menu-website li li a {
	width: 270px;
	padding: 6px 20px;
}

#menu-website ul li a:hover { background-color: rgba(0, 0, 0, 0); }

.fullwidth-menu .menu-item-has-children > a:first-child:after { color: #555; }

.nav li ul { border-top: 2px solid #555; }

.menu_labs { border-radius: 0px; }

.menu_labs a { color: #fff!important; }

li.menu_labs {
  text-align: center;
  padding: 10px 10px 22px 10px!important;
  border: 2px solid #939598;
  border-radius: 3px;
}

@media only screen and (min-width : 981px) {
  li.menu_labs {
    height: 33px;
  }
}

@media only screen and (max-width : 981px) {
  li.menu_labs {
      padding: 10px 10px 10px 10px!important;
  }
}

@media only screen and (max-width : 768px) {
  li.menu_labs {
      padding: 5px 10px 5px 10px!important;
  }
}

.pointer { cursor: pointer; }

.et_mobile_menu .menu-item-has-children > a { background-color: rgba(0, 0, 0, 0); }

.container.et_menu_container { height: 80px; }

#et_top_search { margin: 0; }

#et_mobile_nav_menu { display: none; }

#main-header { box-shadow: none ; }


/*---------- [ Home Slider ] ----------*/

#homeslider .et_pb_slide_description { padding: 0; }

#homealt .et_pb_slide_description { padding-top: 275px; padding-bottom: 225px; }
#homealt .et_pb_slide_content { margin-bottom: 20px; }

@media (max-width: 1024px) {
  #homealt .et_pb_slide_description { padding-top: 200px; padding-bottom: 150px; }
}

@media (max-width: 980px) {
  #homealt .et_pb_slide_description { padding-top: 200px; padding-bottom: 150px; }
}

@media (max-width: 767px) {
  #homealt .et_pb_slide_description { padding-top: 75px; padding-bottom: 75px; }
}

.homelinks {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.homeintro {
    margin-top: 350px;
    margin-bottom: 0px;
    padding-bottom: 0px; }

.homeoutro {
    margin-top: 0px;
    margin-bottom: 75px; }

@media (max-width: 980px) {
  .homeintro { margin-top: 75px; }
  .homelinks { margin-bottom: 20px; }
}

@media (max-width: 767px) {
  .homeintro { margin-top: 60px; }
  .homelinks { margin-bottom: 20px; }
  .homeoutro { margin-bottom: 60px; }
}

.homebtn {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 20px;
    background: rgba(14, 92, 103, 0.5)!important;
    border: 2px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative; }

a.homebtn {
    display: block;
    background: transparent;
    border: 2px solid #939598;
    font-weight: bold;
    text-shadow: none;
    color: #fff!important; }

a.homeactive {
    background: rgba(0, 0, 0, 0.5)!important;
    color: #fff!important;
    border: 2px solid #939598; }


a.homebtn:hover {
    background: rgba(0, 0, 0, 0.5)!important;
    color: #fff!important;
    border: 2px solid #939598; }

@media (max-width: 767px) {
    .et_pb_slide_description { width: 100%; margin: 0; padding: 75px 0; }
}


/*---------- [Services Blurbs @ Home] ----------*/

#services {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.services {
  border: 2px solid #939598;
  border-radius: 5px;
  background-color: rgba(0, 38, 47, 0.5);
/*  background-color: rgba(14, 92, 102, 0.5);*/
}

.services:hover {
  cursor:pointer;
  background-color: rgba(0, 0, 0, 0.5);
}

.services p {
  font-size: 20px;
  font-weight: bold;
  color: #fff !important
}
.services .et-pb-icon  { color: #939598 !important }

a.Services:link { color:#fff!important; text-decoration: none; }
a.Services:visited { color:#fff!important; text-decoration: none; }
a.Services:hover { color:#fff!important; text-decoration: none; }
a.Services:active { color:#fff!important; text-decoration: none; }


/*---------- [ Labs ] ----------*/

#LabsHome { background: #495e67; }

#LabsHome a { color: #fff; }

#LabsTiles, #main-content { background: #282e33; }

#main-content .container::before { display: none; }

.sf_home_labs_title {
  font-family: Kontrapunkt, Lato, sans-serif;
  font-weight: bold;
  font-size: 70px;
  line-height: 1em;
  padding-top: 10px;
  padding-bottom: 10px;
}

.sf_home_labs_subtitle {
  color: #939598;
  font-size: 17px;
  font-weight: bold;
  font-family: 'Roboto Mono', monospace;
  line-height: 1.8em;
  margin-bottom: 10px;
}

.sf_title_labs {
  font-family: Kontrapunkt, Lato, sans-serif;
  font-weight: bold;
  font-size: 80px;
  line-height: 1em;
  margin-top: 0px;
  margin-bottom: 50px;
}

.sf_title_labs a { color: #fff; }

.sf_title_labs a:hover { color: #fff !important; }

h1.entry-title {
    color: #fff;
    font-family: 'Roboto Mono', monospace;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
}

.et_pb_post  {
  color: #939598;
  font-size: 17px;
  font-family: 'Roboto Mono', monospace;
  line-height: 1.8em;
}

#content-area strong { color: #fff; }

.et_pb_post a { color: #0e5c67 !important; }
.et_pb_post a:hover { color: #000 !important; }

.et_pb_post h2 a { color: #0e5c67; }
.et_pb_post h2 { font-size: 24px; line-height: 1.4em; margin-bottom: 10px; }

@media (max-width: 780px) {
    .et_monarch .et_social_inline_bottom { margin-bottom: 60px; }
}

@media (max-width: 980px) {
  .search-results #left-area { padding-bottom: 40px; }
  .archive #left-area { padding-bottom: 40px; }
  .single .et_pb_post { margin-bottom: 0px !important; }
}

.pagination a { font-size: 17px; font-family: 'Roboto Mono', monospace; font-weight: bold; color: #fff; }

.pagination a:hover { color: #000 !important; }

.pagination.clearfix { padding-bottom: 40px; }

#et_search_icon:before { color: #0e5c67; }

#labs-slider {
  border-bottom: 2px solid #939598;
  font-family: 'Roboto Mono', monospace;
}

#labs-slider a:hover { color: #fff !important; }

pre, code { color: lime; }

.entry-content blockquote { border-color: #495e67; }


/*---------- [ Labs & WP Tiles ] ----------*/

.wp-tiles-byline-title {
  font-family: 'Roboto Mono', monospace;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.6em;
  color: #fff;
  padding-left: 10px !important;
}

.wp-tiles-pagination, .wp-tiles-pagination-ajax {
  font-family: 'Roboto Mono', monospace;
  font-size: 20px;
}

.wp-tiles-pagination a:hover {
  color: #000 !important;
}

.wp-tiles-tile-bg:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(40, 46, 51, 0.25);
}

.wp-tiles-tile-bg:hover {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(40, 46, 51, 1);
}

.wp-tiles-tile:hover  .wp-tiles-byline {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

/*---------- [ Layouts ] ----------*/

.divider1 { border-bottom: 1px solid #dfe0e1; }

.divider2 { border-bottom: 1px solid #bbb; }


/*---------- [ About Us ] ----------*/

#sf_reasons .et_pb_main_blurb_image {
  text-align: left;
  width: 100px;
  margin-bottom: 0px;
}

#sf_reasons h3 {
  font-size: 24px;
  font-weight: normal;
  color: #000;
  line-height: 1.4em;
}

#sf_reasons h4 {
  font-size: 24px;
  font-weight: normal;
  color: #000;
  line-height: 1.8em;
}

#sf_reasons p { font-size: 17px; line-height: 1.8em; }

blockquote.pullquote {
  position: relative;
  border-left: none;
  color: #888;
  margin-top: 0px;
  margin-bottom: 10px;
}

blockquote.pullquote:before {
    content: "\201C";
    font-size: 60px;
    position: absolute;
    top: 15px;
    left: -16px;
    font-family: serif;
    color: #888;
}

blockquote.pullquote p {
  font-size: 20px !important;
}


/*---------- [ Sliders ] ----------*/

.serviceshome { margin-top: 200px; }



/*---------- [ Footers ] ----------*/


#main-header, #labs-title, #labs-footer { background-color: #495e67 !important; }

#footer-web, #labs-footer { font-size: 17px; line-height: 1.8em; }

#labs-footer a { color: #fff !important; }

#labs-footer a:hover {  color: #000 !important; }

#labs-footer strong { color: #fff; }

#footer-web strong { color: #0e5c67; }

#copyright { font-size: 14px; }

#copyright strong { color: #939598; }

.footer-title { font-size: 14px; font-weight: bold; color: #939598; margin-bottom: 15px; }

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module {
  margin-bottom: 0!important;
}



/*---------- [Contact Forms] ----------*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #939598;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #939598;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #939598;
}
:-moz-placeholder { /* Firefox 18- */
  color: #939598;
}

.et_contact_bottom_container { float: none; text-align: center; margin-top: 9px; }

.et_pb_contact p input, .et_pb_contact p textarea { background-color: #fff; padding-top: 10px; padding-bottom: 10px; }

.sf_contact .et_pb_contact p input, .sf_contact .et_pb_contact p textarea {
/*  height: 60px;
  border-left: 4px solid #ddd; */
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #000;
}

.sf_contact .et_pb_contact p input:hover, .sf_contact .et_pb_contact p textarea:hover, .sf_contact .et_pb_contact p input:focus, .sf_contact .et_pb_contact p textarea:focus {
  border-left: 8px solid #0e5c67;
}

@media only screen and (max-width: 980px) {
   .et_pb_section_1 {
     padding: 0px !important;
   }
}