/*
 Theme Name:   SignCast
 Theme URI:    http://signcast.ca
 Description:  A kickass theme for the great folks over at SignCast Media Inc.
 Author:       SignCast Media Inc. (Jesse Beck)
 Author URI:   http://signcast.ca
 Template:     Divi
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
body {font-weight:300;}

/** Popups what popups? **/
#main-header {
    z-index:99990;
}
#top-header {
    z-index:99991;
    height:42px;
}
/*** Main Menu ***/
.icon-menu>a>span.quadmenu-item-content>span.quadmenu-text img {
	display:block;
	margin:0 auto;
}
.icon-menu>a>span.quadmenu-item-content {	
	text-align: center;
	display:block;
}
.icon-menu>a { 
	padding-bottom: 15px!important;
	padding-top: 10px!important;
}
.et_mobile_menu {
    width:125%;
    margin-left: -12.5%;
}
/*** ET-Info Header ***/
#et-info {
    padding-top:15px;
    padding-bottom:15px!important;
}
/*** Secondary Menu ***/
#top-header .container {
	font-weight:500;
	padding-top:0;
    padding-bottom:0;
    padding-right:0!important;
}
#et-secondary-nav li.cta-menu {  
    background-color: #007BED;    
}
#et-secondary-nav li.cta-menu a {        
    color: #fff;
}
#et-secondary-nav li.cta-menu:hover {
    background-color: #4161d4;
}
#et-secondary-menu>ul>li.cta-menu>a:hover {
    opacity: 1;
}
#et-secondary-nav li.menu-item {
    padding: 0;
}
#et-secondary-nav li.menu-item a {
    padding: 15px 12px;
}
#et-secondary-nav .menu-item-has-children>a:first-child {
    padding-right:25px;
}
#et-secondary-nav .menu-item-has-children>a:first-child:after {
    top: 15px;
    margin-right:5px;
}
#et-secondary-nav .menu-item-has-children {
    margin-right:-3px;
}
#et-secondary-nav .menu-item-has-children:hover {
    background-color: #EAECEF;
}
#et-secondary-nav ul li a:hover {
    background-color: rgba(0,0,0,.05);
}

/*** Button Styles ***/
.sc_button, .sc_button_lite {
    color: #fff;    
    font-size: 16px;
    font-weight:500;
    letter-spacing: 1px;
    padding: 8px 10px;
    border-radius: 4px;
    border: 2px solid;
    transition: all 0.3s ease-in-out;
}
.sc_button {
    border-color: #007BED;
    background-color: #007BED;    
}
.sc_button:hover {
    border-color: #4161d4;
    background-color: #4161d4;
}
.sc_button_lite {
    border-color:#fff;
    background-color: transparent;
}
.sc_button_lite:hover {
    background-color: rgba(255,255,255,0.2);   
}
/*** Tabs ***/
.et_pb_tabs ul.et_pb_tabs_controls {
    background: none;
    text-align: center;
}
.et_pb_tabs ul.et_pb_tabs_controls {
    margin: 1rem auto;
}
.et_pb_tabs ul.et_pb_tabs_controls:after {
    display: none;
}
.et_pb_tabs ul.et_pb_tabs_controls > li {
    display:inline-block;
    float: none;
    background-color: transparent;    
    border: none;    
    margin: 0 10px;
    padding: 10px 15px;
}
.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active {
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    border-radius: 26px;
    background-color: #fff;
}
.et_pb_tabs .et_pb_all_tabs {

}
/*** portfolio filters ***/
.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    margin-right: 1em;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    border-radius: 6px!important;
    border-width: 2px;
}
/*** Project Styles ***/
#project-nav span a {
    transition: all 0.3s ease-in-out;
    background-color: transparent; 
}
#project-nav span a:hover {
    background-color: rgba(255,255,255,0.2);
}
.project-pill {
    background-color: #007BED;
    padding: 12px 20px;
    letter-spacing: 1;
    border-radius: 26px;
}
.eg-project-signcast-wrapper .esg-entry-cover,
.eg-installation-gallery-wrapper .esg-entry-cover {
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 );
}

/*** footer items ***/
#footer-bottom > .container::before {
    display:block;
    content: " ";
    border-top: 1px solid #cecece;
    padding-bottom: 0.5em;
    margin-top: -30px;
}
#footer-widgets .footer-widget li:before {
    list-style-type:none; 
    border-style:none;
}
#footer-widgets .footer-widget li { 
    padding-left: 0;
}
.fi { 
    font-weight: 400;
}
.fi-container {
    display:flex;
    flex-wrap: wrap;
}
.fi-item {
    border: 1px solid lightgray;
    padding: 10px 15px;
    width: 42%;
    margin: 1% 2% 1% 0;
    transition: 0.2s all;
}
.fi-item:hover {
    background-color: rgba(0,0,0,0.03);
}
.fi-item img {
	display:inline-block;
	vertical-align:middle;
	margin-right: 5px;
}
.fi-item span {
	display:inline-block;
	vertical-align:middle;
}
.fi-item {
	border-radius: 4px;
}

/*** Contact Form ***/
.privacy-policy-form {
	color:#fff;
	text-decoration:underline;
}
.et_pb_contact_right {
	color: #F7F9FC;
}
.et_pb_contact_right p input {
	padding: 10px
}
.et_pb_contact p input, .et_pb_contact p textarea, .et_pb_subscribe .et_pb_contact_field input, .et_pb_subscribe .et_pb_contact_field textarea {
	border-radius: 4px;
}
/*** Gravity Forms ***/
.gform_wrapper li .gfield_label { 
    color: #fff;
    font-weight: 400!important;
    font-size: 14px!important;  
} 
.gform_wrapper .gfield_required {
    color: red!important;
}
.gform_wrapper .ginput_container_text > input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .ginput_container_email > input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .ginput_container_textarea > textarea, .gform_wrapper .ginput_container_phone > input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .ginput_container_name > span > input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { 
    background: rgba(255,255,255,0.9); 
    border-radius:4px; 
    padding: 10px; 
    border:none;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    display:none!important;
}
.gform_wrapper ul.gform_fields li.gfield {
    padding-right:0!important;
}
.gform_wrapper .top_label li.gfield.gf_left_half {
    padding-right: 16px!important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    color: #ffffff!important;
    background-color: transparent;
    width: 100% !important;
    border-radius: 4px;
    letter-spacing: 1px;
    cursor: pointer;
    font-size: 14px!important;
    text-transform: uppercase!important;
    padding: .7em 1em;
    border: 2px solid;
    transition: background 0.3s;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover {
    background-color: rgba(255, 255, 255, 0.4);    
}
li.white-text input[type=text], li.white-text input[type=textarea], li.white-text input[type=email], li.white-text input.text, li.white-text textarea {
  color: #fff;
}
.footer-form > .gform_confirmation_message {
    color: #fff;
    margin-top: 30px;
    padding: 20px 15px;
    border-radius: 4px;
    text-align: center;
    background-color: rgba(255,255,255,0.2);
}
/* Validation Error Styling */
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent!important;
    border-top: none!important;
    border-bottom: none!important;
    padding-top:0!important;
    padding-bottom: 0!important;
} 
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top:0!important;
}
.gform_wrapper div.validation_error {
    color: #fff!important;
    font-size: 14px!important;
    font-weight: 600;
    margin-bottom: 25px;
    padding: 16px 0;
    clear: both;
    width: 100%;
    text-align: center;
}
/* Let us make those lines eh? */
.dash-header {
    position: relative;
    margin-bottom: 100px!important;
}
.dash-header::after {
    content: "";
    position: absolute;
    left:0;
    bottom:-40px;
    height:3px;
    width:50px;
}
.orange-bar::after {
    border-bottom: 3px solid #f26621;
}
.blue-bar::after {
    border-bottom: 3px solid #1f5f9d;
}
.lightorange-bar::after {
    border-bottom: 3px solid #f49b00;
}
.white-bar::after {
    border-bottom: 3px solid #ffffff;
}
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
/** Desktop Media Queries **/
@media only screen and (min-width: 981px) {
	.et_header_style_left #et-top-navigation {
        padding-top:0!important;
    }
    .et_fullwidth_nav #main-header .container {
        padding-right:0!important;
    }
	#logo {
        padding:10px;
    }
    .icon-menu>a>span.quadmenu-item-content {
        padding-left:0!important;
        padding-right:0!important;
        text-align: center!important;
        width: 125px!important;
    }
    #page-container {
        padding-top: 123px !important;
    }
    #main-header {
        top: 42px!important;
    }    
    body.logged-in #main-header {
        top: 74px !important;
    }
    #quadmenu .quadmenu-navbar-nav li.quadmenu-item>a>.quadmenu-item-content>.quadmenu-caret {
        top:47px!important;
    }    
}
/** Tablet and lower **/
@media only screen and (max-width: 980px) {
    #quadmenu .quadmenu-navbar-nav>li {
        display:inline-block!important;
        width:49%;
    }    
    li.mobile-cta a {
        text-align: center!important;
    }
    .fi-item {
		width: 100%;
	}
	.fi-container {
		margin: 0 auto;		
	}
}
/** Mobile only queries **/
@media only screen and (max-width: 481px) {
	
}



/* TPR Styles UGH... */

@media only screen and (max-width: 479px) {

    .category-section > .et_pb_row {
  
      padding-top: 0;
  
      width: 320px;
  
    }
  
  }
  
  @media only screen and (min-width: 480px) and (max-width: 767px) {
  
    .category-section > .et_pb_row {
  
      padding-top: 0;
  
      width: 600px;
  
    }
  
  }
  
  .category-section > .et_pb_row > .et_pb_image {
  
    margin-bottom: 0;
  
  }
  
  @media only screen and (max-width: 980px) {
  
    .category-section > .et_pb_row > .et_pb_column {
  
      width: 48%;
  
      padding: 0;
  
    }
  
    .category-section > .et_pb_row > .et_pb_column:first-child {
  
      padding-right: 4%;
  
    }
  
    .category-section > .et_pb_row > .et_pb_column:nth-child(3) {
  
      padding-right: 4%;
  
    }
  
  }
  
  .card {
  
    background-color: #1e73be;
  
    box-shadow: 2px 2px 5px #363737;
  
    padding: 0.8rem 1.6rem;
  
    position: relative;
  
  }
  
  @media screen and (max-width: 480px) {
  
    .card {
  
      padding: 0.4rem 0.53333333rem;
  
    }
  
  }
  
  @media only screen and (min-width: 480px) and (max-width: 767px) {
  
    .card {
  
      padding: 0.53333333rem 0.8rem;
  
    }
  
  }
  
  .card-link {
  
    display: block;
  
    position: absolute;
  
    top: 0;
  
    left: 0;
  
    width: 100%;
  
    height: 100%;
  
  }
  
  .card-title {
  
    margin-bottom: 1.6rem;
  
  }
  
  @media screen and (max-width: 480px) {
  
    .card-title {
  
      margin-bottom: 0.4rem;
  
    }
  
  }
  
  @media only screen and (min-width: 480px) and (max-width: 767px) {
  
    .card-title {
  
      margin-bottom: 1.6rem;
  
    }
  
  }
  
  .card-title > h2 {
  
    font-size: 18px;
  
    color: #242525;
  
    padding: 0;
  
    text-align: center;
  
    line-height: 30px;
  
  }
  
  @media screen and (max-width: 480px) {
  
    .card-title > h2 {
  
      font-size: 12px;
  
      line-height: 20px;
  
    }
  
  }
  
  @media screen and (min-width: 481px) and (max-width: 1024px) {
  
    .card-title > h2 {
  
      font-size: 14px;
  
      line-height: 20px;
  
    }
  
  }
  
  .card-title > h2 > span {
  
    color: #fff;
  
  }
  
  .card-cta {
  
    font-size: 0.96rem;
  
    border-top: 1px solid #5da5e5;
  
    padding-top: 0.8rem;
  
    text-align: right;
  
    color: #fff;
  
  }
  
  @media screen and (max-width: 480px) {
  
    .card-cta {
  
      display: none;
  
    }
  
  }
  
  .card-cta > span:after {
  
    content: '\f0a9';
  
    font-family: 'FontAwesome';
  
    margin-left: 5px;
  
  }
  
  .card-icon {
  
    text-align: center;
  
    font-size: 9.6rem;
  
    padding: 1.6rem 0;
  
    color: #fff;
  
  }
  
  .card-icon > a {
  
    color: #fff;
  
  }
  
  @media screen and (max-width: 480px) {
  
    .card-icon {
  
      font-size: 5.8rem;
  
      padding: 0.4rem 0;
  
    }
  
  }
  
  @media screen and (min-width: 481px) and (max-width: 1024px) {
  
    .card-icon {
  
      font-size: 6.8rem;
  
      padding: 0.4rem 0;
  
    }
  
  }
  
  @media screen and (max-width: 767px) {
  
    .hide-mobile {
  
      display: none;
  
    }
  
  }
  
  .card.hover {
  
    transition: all 0.5s ease;
  
  }
  
  .card.hover:hover {
  
    background-color: #666768;
  
  }
  
  .animated {
  
    -webkit-animation-duration: 0.5s;
  
    animation-duration: 0.5s;
  
    -webkit-animation-fill-mode: both;
  
    animation-fill-mode: both;
  
    overflow: hidden;
  
  }
/*-----------------------

 4.0   Typography

-------------------------- */

@font-face {

    font-family: 'signcast';
  
    src: url('font/signcast.eot?28583367');
  
    src: url('font/signcast.eot?28583367#iefix') format('embedded-opentype'), url('font/signcast.woff?28583367') format('woff'), url('font/signcast.ttf?28583367') format('truetype'), url('font/signcast.svg?28583367#signcast') format('svg');
  
    font-weight: normal;
  
    font-style: normal;
  
  }
  
  [class^="icon-"]:before,
  
  [class*=" icon-"]:before {
  
    font-family: "signcast";
  
    font-style: normal;
  
    font-weight: normal;
  
    /*speak: none;*/
  
    display: inline-block;
  
    text-decoration: inherit;
  
    width: 1em;
  
    text-align: center;
  
    /* opacity: .8; */
  
    /* For safety - reset parent styles, that can break glyph codes*/
  
    font-variant: normal;
  
    text-transform: none;
  
    /* fix buttons height, for twitter bootstrap */
  
    line-height: 1em;
  
    /* you can be more comfortable with increased icons size */
  
    /* font-size: 120%; */
  
    /* Font smoothing. That was taken from TWBS */
  
    -webkit-font-smoothing: antialiased;
  
    -moz-osx-font-smoothing: grayscale
  
    /* Uncomment for 3D effect */
  
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  
  }
  
  .icon-digital_posters:before {
  
    content: '\e800';
  
  }
  
  /* '' */
  
  .icon-kiosks:before {
  
    content: '\e801';
  
  }
  
  /* '' */
  
  .icon-led_screens:before {
  
    content: '\e802';
  
  }
  
  /* '' */
  
  .icon-projector_screens:before {
  
    content: '\e803';
  
  }
  
  /* '' */
  
  .icon-projectors:before {
  
    content: '\e804';
  
  }
  
  /* '' */
  
  .icon-digital_menu_boards:before {
  
    content: '\e805';
  
  }
  
  /* '' */
  
  .icon-stands_carts:before {
  
    content: '\e806';
  
  }
  
  /* '' */
  
  .icon-touch_screens:before {
  
    content: '\e807';
  
  }
  
  /* '' */
  
  .icon-video_walls:before {
  
    content: '\e808';
  
  }
  
  /* '' */
  
  .icon-digital_directories:before {
  
    content: '\e809';
  
  }
  
  /* '' */
  
  .icon-basket:before {
  
    content: '\e80a';
  
  }