/*
Theme Name: Quark Progression Child
Theme URI: http://quark.progressionstudios.com/
Author: Progression Studios
Author URI: http://progressionstudios.com/
Template: quark-progression
Description: ThemeForest Single Product Premium Theme
Version: 1.8
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: left-sidebar, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready
Text Domain: quark-progression-child
*/


@font-face {
    font-family: 'Eurostyle';
    src: url('/fonts/Eurosti.ttf');
}
@font-face {
    font-family: 'Eurostyle Bold';
    src: url('/fonts/Eurostib.ttf');
}
@font-face {
    font-family: 'Eurostyle Ext 2';
    src: url('/fonts/EurostileLTStd-BoldEx2.otf');
}

h1 {
font-family:'Eurostyle', 'Poppins' !important;
}

h2, h3, h4, h5, h6 {
font-family:'Eurostyle Bold', 'Poppins' !important;
line-height: 2 !important;
}

h1.banner {
font-family:'Eurostyle Ext 2', 'Poppins' !important;
}

/*body, p {
	font-family:'Eurostyle', 'Poppins' !important;
	line-height: 1.8 !important;
}*/

/*strong, b, button {
	font-family:'Eurostyle Bold', 'Poppins' !important;
	font-weight: 500 !important;
}*/
h1 {
	font-size:48px;
}
h2 {
	font-size:36px;
}
h3 {
	font-size:28px;
}
h4 {
	font-size:22px;
}
h5 {
	font-size:18px;
}
h6 {
	font-size:14px;
}

.rev-btn {
  -webkit-transition: background-color 1s; /* Safari */
  transition: background-color 1s;
}
/*Footer Styling*/
.inline-footer ul li {
list-style-type:none;
display:inline;
}
.inline-footer {
list-style-type:none;
}
.inline-footer li {
display:inline;
padding:0 15px;
}
.inline-footer .fa {
padding:0 5px;
}

footer#site-footer #copyright-pro {
    background-color: #1d1d1b;
}

.footer-button-blue {
	background-color:#0258b5;
	color:#ffffff;
	width:270px;
  padding: 15px 5px;
  border: none;
  border-radius: 24px;
  opacity: 1;
  transition: opacity .5s;
  -webkit-transition: opacity .5s;
}
.footer-button-orange {
	background-color:#f77604; 
	color:#ffffff; 
	width:270px;
  padding: 15px 5px;
  border: none;
  border-radius: 24px;
  opacity: 1;
  transition: opacity .5s;
  -webkit-transition: opacity .5s;
}
.footer-button-blue:hover {
  opacity: .75;
}
.footer-button-orange:hover {
  opacity: .75; 
}



/*Header Styles*/
body #logo-pro img {
    max-width: 250px !important;
}

header#masthead-pro {
    background: rgba(2, 51, 94, 0.75) !important;
}

/*#page-title-pro {
    background-image: url("http://www.magseal.com/wp-content/themes/quark-progression-child/images/sub-page-bg.jpg") !important;
}*/
/*Nav Buttons*/
li.button-blue {
  background : #0258B5;
  border-radius : 24px;
  -moz-border-radius : 24px;
  -webkit-border-radius : 24px;
  border-width:0;
  opacity: 1;
  -webkit-transition: opacity 1s; /* Safari */
  transition: opacity 1s;

}

li.button-blue:hover{
  opacity: .75;
  background : #0258B5;
}

li.button-blue a {
  font-size : 14px;
  text-transform: uppercase;
  color: #fff !important;
}


li.button-orange {
  background : #F77604;
  border-radius : 24px;
  -moz-border-radius : 24px;
  -webkit-border-radius : 24px;
  border-width:0;
  opacity: 1;
  -webkit-transition: opacity 1s; /* Safari */
  transition: opacity 1s;

}

li.button-orange:hover{
  opacity: .75;
  background : #F77604;
}

li.button-orange a {
  font-size : 14px;
  text-transform : uppercase;
  color : #fff !important;
  color : rgb(255, 255, 255);
}

/* Client Login Button Rules #menu-main-menu > li:nth-child(7) > a:nth-child(1)  {
  padding: 10px 0;
}

#menu-main-menu > li:nth-child(7) {
  margin: 30px 13px;
}

.menu-resized-pro #menu-main-menu > li:nth-child(7) {
  margin: 20px 10px !important;
}*/

#menu-main-menu > li:nth-child(8) > a:nth-child(1)  {
  padding: 10px 0;
}

#menu-main-menu > li:nth-child(8) {
  margin: 30px 0px;
}

.menu-resized-pro #menu-main-menu > li:nth-child(8) {
  margin: 20px 0px !important;
}

.sf-menu a {
    margin: 0px 13px;
}

@media screen and (max-width: 1200px) {
  .mobile-menu-icon-pro {
    display: block;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #F77604;
    border-radius: 24px;
  }
  #site-navigation {
    display: none;
  }
}

/*Mobile Navigation*/
#main-nav-mobile {
    background-color: #fff;
    opacity: 1;
    width: 70%;
    float: right;
}

ul.mobile-menu-pro li a {
    font-size: 14px;
    letter-spacing: 1px;
}

ul.mobile-menu-pro li.button-blue{
  max-width: 190px;
  margin: inherit;
  text-align: center;
  border-bottom: none;
  margin: 10px 10px;
}
ul.mobile-menu-pro li.button-orange{
  max-width: 190px;
  margin: inherit;
  text-align: center;
  border-bottom: none;
  margin: 10px 10px;
}

ul.mobile-menu-pro li.button-blue a{
  padding: 10px 10px;
  border-bottom: none;
}
ul.mobile-menu-pro li.button-orange a{
  padding: 10px 10px;
  border-bottom: none;
}


@media (max-width: 500px) {
  h1 {
    font-size:15px;
  }
}

/*Header Search Function*/
#sticky-header-pro.menu-default-pro #search-bar.width-container-pro form {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 100px;
  text-align: right;
}

#sticky-header-pro.menu-resized-pro #search-bar.width-container-pro form {
  width: 100%;
  position: absolute;
  z-index: 1;
  text-align: right;
  top: 92px;
}

#search-bar > form > label > input { 
  border-radius: 0px 0px 12px 12px;
  opacity: 0.85;
}

#search-bar input:focus {
  border:none;
  outline-offset: 0px;
}

.center-block {
  text-align:center;
}

#search-bar.width-container-pro {
	position: absolute !important;
	right: 0 !important;
}

/*Misc Edits*/
@media (max-width: 768px) {
  #page-title-pro {
    background-position: left center !important;
  }
}