/*
 Theme Name: United Steel Services Child Theme
 Theme URI: https://www.nine9webdesign.com
 Description: A Child Theme for Divi
 Author: Nine9 Web Design
 Author URI: https://www.nine9webdesign.com
 Template: Divi
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom styles below */
.grecaptcha-badge {
	display: none !important;
}

#page-container { 
	overflow: hidden !important;
}

body {
	font-weight: 400 !important;
}

#page-container .nav li ul {
	border-top: none;
}

#page-container #main-header {
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1) !important;
    box-shadow: 0 0 7px rgba(0,0,0,0.1) !important;
}

.et_pb_scroll_top.et-pb-icon {
    background: #CF1723 !important;
    bottom: 50px !important;
    right: 10px !important;
    border-radius: 100% !important;
}

@media only screen and (min-width: 981px) {
	.et_fullwidth_nav #main-header .container {
		padding-left: 2px !important;
	}
}

@media only screen and (max-width: 980px) {
	#page-container #intro_section.et_pb_column {
		margin-bottom: 30px !important;
	}
	
	.et_header_style_left .logo_container {
		top: -9px !important;
	}
}

.et-pb-contact-message {
    text-align: center;
    font-weight: 800;
    letter-spacing: 1px;
}

#page-container #con_count .et_pb_counter_amount_number {
	display: none;
}

#page-container #con_count .et_pb_counter_amount {
	height: 15px;
}

@media only screen and (max-width: 980px) {
	#page-container #dap_section .et_pb_column {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 60px;
	}
	
	#page-container #dap_section .et_pb_column:last-child {
		margin-bottom: 0px;
	}
}

#steel_driven span.et_parallax_gradient {
    outline: 1px solid rgba(255,255,255,0.65);
    outline-offset: -25px;
}

/* R Symbol */
sup {
    bottom: 0.75em;
    line-height: 0.8em;
	vertical-align: bottom;
}

/*********************** BLOG FIXES ***********************/
.dipi-post-wrap {
	display: flex;
    flex-direction: column;
    justify-content: center;
	background: #fff;
}

/*********************** HOME SERVICES ***********************/
.intro_services .et_pb_button_module_wrapper {
  margin-top: auto !important;
  margin-bottom: 0px !important;
}

.intro_services ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.intro_services li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#page-container .dipi-blog-slider-wrapper .dipi-bottom-content .et_pb_button:before,
#page-container .dipi-read-more-wrap .dipi-read-more-button:before,
.intro_services .et_pb_button:before {
    border-top: 1px solid #CF1723;
    border-right: 1px solid #CF1723;
    box-sizing: border-box;
    content: ""!important;
    display: block!important;
    height: 25px;
    opacity: 1;
    position: absolute;
    transition: 0.35s;
    top: -4px;
    right: -4px;
    width: 25px;
}

#page-container .dipi-read-more-wrap .dipi-read-more-button:after,
#page-container .dipi-blog-slider-wrapper .dipi-bottom-content .et_pb_button:after,
.intro_services .et_pb_button:after {
    border-bottom: 1px solid #CF1723;
    border-left: 1px solid #CF1723; 
    bottom: -4px;
    box-sizing: border-box;
    content: ""!important;
    display: block!important;
    left: -4px!important;
    margin-left: 0!important;
    height: 25px;
    opacity: 1!important;
    position: absolute;
    transition: 0.35s;
    width: 25px;
    visibility: visible!important;
}

#page-container .dipi-blog-slider-wrapper .dipi-bottom-content .et_pb_button:hover:before,
#page-container .dipi-blog-slider-wrapper .dipi-bottom-content .et_pb_button:hover:after,
#page-container .dipi-read-more-wrap .dipi-read-more-button:hover:before,
#page-container .dipi-read-more-wrap .dipi-read-more-button:hover:after,
.intro_services .et_pb_button:hover:before,
.intro_services .et_pb_button:hover:after {
	width: 100%;
	height:  100%;
}

#page-container .dipi-read-more-wrap .dipi-read-more-button {
	overflow: visible;
}

/*********************** BANNER OTHER ***********************/
.uss_ban_other .et_parallax_bg{
	 animation: dp-kenburns-right 13s linear both;
	 animation-iteration-count: infinite;
}

@keyframes dp-kenburns-right{
	0%{
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1);
		-webkit-transform-origin:80% 50%;
		transform-origin:80% 50%
	}
	100%{
		-webkit-transform:scale3d(1.5, 1.5, 1.5);
		transform:scale3d(1.5, 1.5, 1.5);
		-webkit-transform-origin:right;
		transform-origin:right
	}
}

.uss_ban_other .et_pb_button:before {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    content: ""!important;
    display: block!important;
    height: 25px;
    opacity: 1;
    position: absolute;
    transition: all 0.2s ease 0s;
    top: -7px;
    right: -7px;
    width: 25px;
}

.uss_ban_other .et_pb_button:after {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff; 
    bottom: -6px;
    box-sizing: border-box;
    content: ""!important;
    display: block!important;
    left: -6px!important;
    margin-left: 0!important;
    height: 25px;
    opacity: 1!important;
    position: absolute;
    transition: all 0.2s ease 0s;
    width: 25px;
    visibility: visible!important;
}

.uss_ban_other .et_pb_button:hover:before,
.uss_ban_other .et_pb_button:hover:after {
	width: 100%;
	height:  100%;
}

/*********************** LOGO ANIMATION ***********************/
@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
      }

    50% {
        -webkit-transform: rotate(180deg);
      }
    100% {
        -webkit-transform: rotate(360deg);
      }
}

.circle-layer {
    animation-name: rotateme; 
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotateme; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotateme; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotateme; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotateme; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}



@-webkit-keyframes rotateme-two{
    0% {
        -webkit-transform: rotate(0deg);
      }

    50% {
        -webkit-transform: rotate(-180deg);
      }
    100% {
        -webkit-transform: rotate(-360deg);
      }
}

.gear-icon-one{
    animation-name: rotateme-two; 
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotateme-two; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotateme-two; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotateme-two; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotateme-two; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

/*********************** CALCULATOR ***********************/
@media only screen and (min-width: 981px) {
	#uss_we_cal .leftBlock,
	#uss_we_cal .rightBlock {
		width: 49%;
		display: inline-block;
		float: left;
	}

	#uss_we_cal .leftBlock {
		margin-right: 2%;
	}
}

@media only screen and (max-width: 980px) {
	#uss_we_cal .leftBlock,
	#uss_we_cal .rightBlock {
		width: 100%;
	}

	#uss_we_cal .leftBlock {
		margin-right: 0;
	}
	
	#uss_we_cal .rightBlock input[type="text\ readonly"] {
		min-width: 120px !important;
	}
	
	#uss_we_cal input[type=text].readonly+input+select, 
	#uss_we_cal input[type=password].readonly+input+select, 
	#uss_we_cal input[type=url].readonly+input+select, 
	#uss_we_cal input[type=tel].readonly+input+select, 
	#uss_we_cal input[type=search].readonly+input+select, 
	#uss_we_cal input[type=number].readonly+input+select, 
	#uss_we_cal input[type=datetime].readonly+input+select, 
	#uss_we_cal input[type=email].readonly+input+select, 
	#uss_we_cal textarea.readonly+input+select, 
	#uss_we_cal select.readonly+input+select {
		margin-left: 0px !important;
		width: calc(25% - 2px) !important;
		padding: 9px !important;
	}
}

#uss_we_cal label {
    display: block;
}

#uss_we_cal input[type="text"],
#uss_we_cal select.wide-select {
    width: 100%;
    padding: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 0;
}

#uss_we_cal select{
	width: 100%;
	margin-bottom: 10px;
    padding: 10px;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
}

#uss_we_cal .rightBlock input[type="text\ readonly"] {
    padding: 10px;
    border: none;
    min-width: 200px;
    background: transparent;
}

#uss_we_cal .resKg, 
#uss_we_cal .resLbs {
    background: #f9f9f9;
    margin-bottom: 10px;
}

#uss_we_cal input[type=text].readonly+input, 
#uss_we_cal input[type=password].readonly+input, 
#uss_we_cal input[type=url].readonly+input, 
#uss_we_cal input[type=tel].readonly+input, 
#uss_we_cal input[type=search].readonly+input, 
#uss_we_cal input[type=number].readonly+input, 
#uss_we_cal input[type=datetime].readonly+input, 
#uss_we_cal input[type=email].readonly+input, 
#uss_we_cal textarea.readonly+input, 
#uss_we_cal select.readonly+input {
    margin-right: 10px;
    width: calc(75% - 12px);
	display: inline-block;
}

#uss_we_cal input[type=text].readonly+input+select, 
#uss_we_cal input[type=password].readonly+input+select, 
#uss_we_cal input[type=url].readonly+input+select, 
#uss_we_cal input[type=tel].readonly+input+select, 
#uss_we_cal input[type=search].readonly+input+select,
#uss_we_cal input[type=number].readonly+input+select, 
#uss_we_cal input[type=datetime].readonly+input+select, 
#uss_we_cal input[type=email].readonly+input+select, 
#uss_we_cal textarea.readonly+input+select, 
#uss_we_cal select.readonly+input+select {
    margin-left: 10px;
    width: calc(25% - 12px);
	padding: 9px;
}

#uss_we_cal .resultHead span, 
#uss_we_cal .resKg span, 
#uss_we_cal .resLbs span {
    float: right;
    padding: 4px 10px;
}

#uss_we_cal input.lbls.readonly {
    border: none;
	pointer-events: none;
	padding: 0 !important;
	font-weight: bold;
}

#uss_we_cal input.calcBtn,
#uss_we_cal input.resetBtn {
    background: #CF1723;
    border: 1px solid #CF1723;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 8px;
}

#uss_coil .btn_wrapper,
#uss_we_cal input.calcBtn:hover,
#uss_we_cal input.resetBtn:hover {
	cursor: pointer;
}

/* COIL */
#uss_coil input {
    width: 100%;
    padding: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
}

#uss_coil select{
	width: 100%;
	margin-bottom: 10px;
    padding: 10px;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
}

#uss_coil label {
    display: block;
}

#uss_coil input {
	background-color: #fff;
	border: 1px solid #bbb;
	color: #4e4e4e;
}

#uss_coil .btn_wrapper {
	background: #CF1723;
	border: 1px solid #CF1723;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	padding: 8px;
}

/* Chrome, Safari, Edge, Opera */
#uss_coil input::-webkit-outer-spin-button,
#uss_coil input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#uss_coil input[type=number] {
  -moz-appearance: textfield;
}

#uss_coil #completeLength,
#uss_coil #completeWeight,
#uss_coil #coilScrapLength,
#uss_coil #coilScrapWeight,
#uss_coil #coilWeight,
#uss_coil #coilLength {
	display: block;
	padding: 10px;
	background: #f9f9f9;
    margin-bottom: 10px;
}

@media only screen and (min-width: 981px) {
	#uss_coil .leftBlock,
	#uss_coil .rightBlock {
		width: 49%;
		display: inline-block;
		float: left;
	}

	#uss_coil .leftBlock {
		margin-right: 2%;
	}
}

@media only screen and (max-width: 980px) {
	#uss_coil  .leftBlock,
	#uss_coil  .rightBlock {
		width: 100%;
	}

	#uss_coil  .leftBlock {
		margin-right: 0;
	}
}