/*
Theme Name: Akin Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Rinse Design
Author URI:
Template: salient
Version: 1.0
*/
OFF.home ul.sf-menu {
    display: none!important;
}

.nectar-social.fixed {
    display: none;
}

.choices div.gchoice label {
    font-size: 0.9em!important;
    /* border: 1px solid red; */
    line-height: 1.8;
}

#footer-outer #copyright {
    padding: 20px 0;
    font-size: 16px;
}


.timeline--horizontal .timeline__item {
   /* width: min-content!important;*/
    /* min-width: 20%; */
}

/* find a way to allow the widths to be different top and bottom without interfering with each other... very much like absolute, but ...
transform or translate x,y work for the tops, but the bottoms also have a height applied to them */

.timeline--horizontal .timeline__item.timeline__item--top {
    /* transform: translateX(-60%); */
}

.timeline--horizontal .timeline__item.timeline__item--top:first-child {
    /* transform: translateX(0%); */
}

.timeline--horizontal .timeline__item.timeline__item--top:nth-child(3) {
        /* transform: translateX(-80%); */
}

.timeline--horizontal .timeline__item.timeline__item--top:nth-child(5) {
        /* transform: translateX(-145%); */
}

.timeline--horizontal .timeline__item.timeline__item--top:nth-child(7) {
        /* transform: translateX(-220%); */
}


.timeline__item.timeline__item--bottom:nth-child(2) {
    /* transform: translateX(-88%)!important; */
    /* transform: translateY(100%)!important; */
    /* transform-origin: -100% 50%; */
    /* transform: translate(-70%, 95%)!important; */
}

.timeline__item.timeline__item--bottom:nth-child(4) {
    /* transform: translate(-150%, 95%)!important; */
}

.timeline__item.timeline__item--bottom:nth-child(6) {
    /* transform: translate(-200%, 100%)!important; */
}


.gform_footer button[type=submit], .gform_footer input[type=button], .gform_footer input[type=submit] {
    background-color: #888;
}

#copyright a {
    color: #888;
}

.gsection_title {
    margin-top: 60px;
}

#field_3_37 .gsection_title {
    margin-top: 0px;
}

fieldset#field_3_50 {
        margin-top: 60px;
}
.gform_wrapper .gfield_required {
    color: #1877a7}


input#gform_submit_button_3, #gform_submit_button_1 {
    background: #1877a7;
}

#portfolio-extra .wpb_row {
    margin-bottom: 0px;
}

/* Gravity Form edits */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.gform_wrapper.gravity-theme .ginput_product_price,.gform_wrapper.gravity-theme .ginput_shipping_price {
    color: #900
}

.gform_wrapper.gravity-theme .ginput_total {
    color: #222222;


}

.ginput_container_total input[type=text].ginput_total {
    font-size: 150%;
    font-family: 'Source Sans Pro';
	    display: inline-block;
        border: 0px solid #1877a7;
 }

.gfield--type-total .gfield_label {
    display: inline-block;
}

div.gfield--type-total {
    background-color: #f1f1f1;
    padding: 10px;
}

body .gform_wrapper .top_label div.gfield--type-total .gfield_label {
      margin-top: 0px;
}

/* Key for making 1st photo in grid full width */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.wpb_gallery_slidesimage_grid .col.regular.element:first-child {
    width: calc(100% - 3px)!important;
}


.row.project-title {
    display: none;
}