/*
Theme Name:   Robert Elicker 2025
Author:       Robert Elicker
Author URI:   http://littlehighrise.com
Template:     salient
Version:      1.0
Text Domain:  salient-child
*/

@import url("../salient/style.css");
@import url("../salient/css/responsive.css");

/* =Theme customization starts here
-------------------------------------------------------------- */



body, 
body h1, 
body h2, 
body h3, 
body h4, 
body h5, 
body h6 {
    color: #4b4e4f;
}

body {
max-width:   100%;
overflow-x: hidden;
font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
font-weight: 300;
font-size: 16px!important;
line-height: 28px!important;
color: rgba(75, 78, 79, 1)!important;
position: relative!important;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

p {
font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
font-weight: 300;
font-size: 16px; 
line-height: 28px;
color: rgba(75, 78, 79, 1);
letter-spacing: 0px;
-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
font-weight: 300;
color: rgba(75, 78, 79, 1);
letter-spacing: 0px;
-webkit-font-smoothing: antialiased;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}

h1  { font-size: 46px; line-height: 66px;  }

h2  { font-size: 40px; line-height: 60px;  }

h3  { font-size: 35px; line-height: 46px;  }   

h4  { font-size: 28px; line-height: 41px;  }

h5  { font-size: 20px; line-height: 29px;  }

h6  { font-size: 18px;  line-height: 24px; }

.bold,b,strong {font-family: degular, 'Lato', 'Helvetica', 'Arial', sans-serif; font-weight:700}


/*

h1 { font-size: 58px; line-height: 67px; margin-bottom: 14px; }

h2 { font-size: 48px; line-height: 60px; margin-bottom: 13px;}

h3 { font-size: 42px; line-height: 46px; margin-bottom: 12px; }

h4 { font-size: 28px; line-height: 41px; margin-bottom: 11px; }

h5 { font-size: 21px; line-height: 34px; margin-bottom: .6em; }

h6 { font-size: 14px; line-height: 22px; margin-bottom: 9px; }

*/

header#top.container:before  {
 background-image: url("/wp-content/uploads/2017/09/121-jigawatts.svg")!important;
}

#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current_page_item > a,
#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current-menu-item > a {
  color: #42434c!important;
}

/* Gradient color1 - color2 - color1 */
  
hr.style-one {
  border: 0;
  height: 2px;
  background: #0091c9;
}

.white-type {
color: #f8f8f8;
}

h4 a:link {
 color: #F8F8F8!important;
 text-decoration: none;
}

h4 a:hover {
  color: #BCE6F8!important;
}

.uppercased {
 text-transform: uppercase;
}


.wpb_row>.span_12>.column_container:last-child {
  margin: unset;
}

.medium {
font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
font-weight: 500;
}

.lightweight {
font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
font-weight: 300;
}

.lgparagraph  {
font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
font-weight: 400;
font-size: 17px;
line-height: 26px;
}

.lgparagraphmed  {
font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
font-weight: 500;
font-size: 1.48em;
line-height: 1.62em; 
}

header#top #toggle-nav {
display:none;
}

.regular {
font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
font-weight: 400;
}

.demi {
font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
font-weight: 600;
}

.spacedout {  
letter-spacing: .08em;
}

.smalltext  {
font-size: .92em;
}

.dropshadow-dark {
 /*letter-spacing: 1px;*/
 color: rgba(75,78,79,1);
 text-shadow: -2px 3px 1px rgba(218,218,218,1);
}

.dropshadow-light {
 /*letter-spacing: 1px;*/
 text-shadow: -2px 3px 1px rgba(119,119,119,1);
 color: rgba(248,248,248,1);
}

.whitehead {
color: rgba(255, 255, 255, 1);
text-shadow: -1px 2px 1px rgba(218, 218, 218, .5);
text-transform: uppercase;
line-height: 0px;
padding: 12px 0 6px 0;
}

.alignright {
text-align: right;
}

.alignleft {
text-align: left;
}

.aligncenter {
text-align: center;
}

.previousproj {
text-align: right;
}

.nextproj {
text-align: left;
}

.allproj {
text-align: center;
}

.blue {
color: rgba(9, 145, 201, 1);
}

.centeredtoleft {
text-align: center;
}
.centeredtoleft-subtext {
  text-align: center;
  margin-bottom: 45px !important;
}
p.centeredtoleft.smalltext {
  /* font-size: .48em; */
  line-height: 1.75em;
  text-align: center;
}

.chs-movelogo-rt {
 padding: 2% 32% 0 0;
}

.chs-movelogo-lft {
 padding: 2% 0 0 28%;
}


/*   Hero Full-With Area   */

/*   Footer Styles   */

/*#socialsfooter {
margin: 0;
padding: 0;
list-style: none;
width:306px;
}
#socialsfooter li a {
display:block;
width:306px;
height:46px;
background: transparent url(“http://littlehighrise-dev.com/~lhrbob/wp-content/uploads/2014/10/footer-sprite.png”) 0 0 no-repeat;
text-decoration: none;
}
#socialsfooter li a:hover {  
background-position: 0 0px
}
#socialsfooter li a.fb {
background-position: 0 0px;
}
#socialsfooter li a.tw {
background-position: 0 -127px;
}
#socialsfooter li a.pt {
background-position: 0 -191px;
}
#socialsfooter li a.dbb {
background-position: 0 -255px;
}
#socialsfooter li a.insta {
background-position: 0 -255px;
}
li a.fb:hover {
background-position: 0 -46px;
}
#socialsfooter li a.tw:hover {
background-position: 0 -159px;
}
#socialsfooter li a.in:hover {
background-position: 0 -223px;
}
#socialsfooter li a.bbb:hover {
background-position: 0 -287px;
}
#socialsfooter li a.instagram:hover {
background-position: 0 -287px;
}*/

.ascend #footer-outer #copyright {
  border-top: 0px solid rgba(255,255,255,0.1)!important;
}

[class^="icon-"], [class*=" icon-"] {
background-color: #27CFC3;
  border-radius: 999px 999px 999px 999px;
  -moz-border-radius: 999px 999px 999px 999px;
  -webkit-border-radius: 999px 999px 999px 999px;
  -o-border-radius: 999px 999px 999px 999px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 32px;
  /*line-height: 32px;*/
  max-width: 100%;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 32px;
  top: -2px;
  word-spacing: 1px;
}

li {
display: inline-block;
}

li a.fb:hover {
opacity: 0.4;
}

li a.tw:hover {
opacity: 0.4;
}

li a.in:hover {
opacity: 0.4;
}

li a.bbb:hover {
opacity: 0.4;
}

li a.instagram:hover {
opacity: 0.4;
}

.portfolio-wrap {
 margin-bottom: 0!important;
}

#footer-outer a {
  padding: 3% 0;
  letter-spacing: 1px;
}

#footer-outer a:hover {
  letter-spacing: 1px;
  color: #f8f8f8!important;
}

.foot-white a {
color: #bce6f8!important;
}

.foot-white a:hover {
  color: #f8f8f8!important;
}

/*   Form Styles   */

input[type=submit], button[type=submit] {
background-color: transparent;
padding: 18px 36px;
  border: 2px solid #888;
   color: #888;
   cursor: pointer;
   transition: all .45s ease-in-out!important;
   -moz-transition: all .45s ease-in-out(0.25, 1, 0.33, 1)!important;
   -webkit-transition: all .45s ease-in-out!important;
   width: auto;
   font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
   font-weight: 300;
   letter-spacing: 2px; 
   text-transform: Uppercase;
   font-size: 12px; 
   border-radius: 1px;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   -o-border-radius: 1px;
}



input[type=submit]:hover, button[type=submit]:hover {
background-color: transparent !important;
border: 2px solid #4991ff !important;
color: #4991ff!important;
}

.row .col.section-title h1, .row .col.section-title h2 {
margin-bottom: 0px !important;
font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0px;
position: relative;
}

.herohead {
font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
font-weight: 300;
font-size: 46px;
line-height: 54px;
}

.logoright {
float: right;
}

.portfolio-items .col.span_3 .work-meta h4 {
letter-spacing: 0px;
}

.single-portfolio .row .col.section-title h1 {
font-size: 38px;
}

#full_width_portfolio .project-title {
display: none;
}

.nectar-button.medium {
padding: 18px 36px;
font-family: canada-type-gibson, 'Lato', 'Helvetica', 'Arial', sans-serif;
font-weight: 300;
font-size: 12px;
}

.ascend .container-wrap input[type="submit"], .ascend .container-wrap button[type="submit"] {
padding: 17px 41px!important;
}

.wpcf7-mail-sent-ok {
border: none;
}

.wpcf7-form p span {
padding-top: 16px;
}

.footersocial {
opacity: 1.0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
 }

.footersocial:hover {
opacity: 0.5;
}

.nectar-slider-wrap[data-full-width="true"].first-section, .nectar-slider-wrap[data-full-width="boxed-full-width"].first-section {
margin-top: 70px!important;
}

.col.dark .nectar-button.see-through, .col.dark .nectar-button.see-through-2 {
border: 1px solid rgba(75, 78, 79, 1);
color: rgba(75, 78, 79, 1);
}

.light {
color: #f8f8f8;
}

.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p {
color: #f8f8f8;
}

#header-outer {
padding-bottom: 0px;
}

.container-wrap {
margin-top: -23px!important;
}

#breadcrumbs {
  height: 0!important;
  padding-bottom: 0!important;
  visibility: collapse;
}

header#top nav ul li a:hover {
  color: #0091c9!important;
}

#page-header-bg h1 {
  font-weight: lighter!important;
  font-size: 52px!important;
  letter-spacing: 0.078em!important;
}

#call-to-action .container a {
    font-size: 14px;
}


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


p { font-size: 13px; line-height: 22px; }

h1  { font-size: 34px; line-height: 55px;  }

h2  { font-size: 30px; line-height: 50px;  }

h3  { font-size: 26px; line-height: 38px;  }   

h4  { font-size: 20px; line-height: 34px;  } 

h5  { font-size: 16px; line-height: 28px; letter-spacing: .08em; }

h6  { font-size: 13px;  line-height: 22px; }


  .blank-column  {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
} 

.centeredtoleft {
      margin-bottom: 3px!important;
}

.smalltext {
      margin-bottom: 0!important;
}

#mobile-menu {
      margin-left: auto!important;
      margin-right: auto !important;
      vertical-align: middle!important;
      padding: 0px!important;
}

h2.medium {
margin-bottom: 2em;
}

body:after {
  content: 'one';
  display: none;
}

.portfolio-items .elastic-portfolio-item {
  width: 99.9%!important;
}

.portfolio-items .elastic-portfolio-item img {
  height: auto!important;
}

.col.vc_span3 h5, .col.vc_span3 h5, .col.vc_span4 h5 {
  font-size: 1.32em !important;
}

body .default-style { padding: 0px!Important; margin-top: 30px; }
body .default-style .portfolio-items:not(.carousel) { margin: 0px!important; width: 100%!important; padding: 0px!important;}
body .default-style .portfolio-items .col.elastic-portfolio-item {
  width: 100%!important;
  margin: 0px!important;
  padding-bottom: 25px;
}

/* .row .col p:last-child {
padding-bottom: 20px;
} */

.full-width-content.blog-fullwidth-wrap {
  padding: 0px 10%!Important; 
}
/*
.wpb_row vc_row-fluid standard_section  .75pad {
  height: 5px;
}
*/

.previousproj  {
  text-align: center;
}

.nextproj  {
  text-align: center;
}

.allproj {
  text-align: center;
}

.centeredtoleft-subtext {
  text-align: left;
  margin-bottom: 45px!important;   
}

p.centeredtoleft.smalltext {
  line-height: 1.75em;
  text-align: left;
}

p.lightweight {
  /*font-size: .48em;*/
  line-height: 1.75em;
}

h5.centeredtoleft {
  text-align: left;
  margin-bottom: .8em;
}

h4.centeredtoleft {
  text-align: left;
}

h4.centeredtoleft {
  text-align: left;
}

#mobile-menu a {
    /*border-bottom: 1px dotted rgba(255, 255, 255, 0.2); */
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    font-size: 16px;
    display: block;
    position: relative;
    padding: 10px 0;
}
}


@media screen and (max-width: 768px) and (min-width: 471px) {


h1.headongray {
 font-size: 38px;
}

.alignleft {
text-align: left;
}

.alignright {
text-align: right;
}

.aligncenter {
text-align: center;
}

.columnblank {
visibility: hidden;
}

.wpb_row > .span_12 > .column_container:last-child {
margin: 0px;
}

.col.centered-text ul, .wpb_column.centered-text ul {
  margin: 0!important;
  /*display: block!important;*/
}

.col.vc_span3 h5, .col.vc_span3 h5, .col.vc_span4 h5 {
  font-size: 1.32em !important;
}

.allproj {
  text-align: center;
  font-size: 16px!important;
}

}

@media only screen and (max-width: 1000px) and (min-width: 690px) {


.col.vc_span3 h5, .col.vc_span3 h5, .col.vc_span4 h5 {
  font-size: 1.32em !important;
}

.allproj {
  text-align: center;
  font-size: 16px!important;
}

  #call-to-action .container a {
	font-size: 12px;
    margin-top: 0;
    margin-left: 0;
  }

}

@media only screen and (max-width: 690px) {
.wpb_column:not([class*=vc_col-xs]){
	width:100%;
	margin-bottom:unset;
}

}