/*
Theme Name: Tops Unlimited
Description: Divi Child Theme
Author:  ScreenTrend
Author URI:  http://screentrend.com
Template: Divi
Version:  1.0.2
*/

 
/* =Theme customizations
------------------------------------------------------- */
.et_pb_widget {
    float: none;
    max-width: 100%;
    word-wrap: break-word;
}

/* Fix for jumping header */
@media all and (min-width: 1200px) {
#page-container {
padding-top: 141px !important;
}

#main-header {
top: 36px !important;
}
}

/*Swap Columns*/
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

p a:link, ol a:link {
	text-decoration: underline;
}
p a:hover,ol a:hover {
	text-decoration: none;			
}

.et_pb_text ol, .et_pb_text ul {
    padding-bottom: 1em;
    list-style-position: outside;
    margin-left: 18px;
}

#footer-bottom a:link {
	text-decoration: none !important;
}

.blockquote {
    border-color: #cd5c5c !important;
}



/* Kill gallery animation */
.et_pb_gallery_item {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}


/* Lightbox captions & counter */
.mfp-title {
    line-height: 30px !important;
}
.mfp-counter {
    line-height: 30px !important;
}

/* center vendor logo */
.vendor-logo img {
	display: block;
	padding: 4px 0 4px 0;
	margin: 0 auto;
	max-width: 206px;
}

.vendor-logo h3 {
	background: #f5f5f5;
	padding: 6px 0 6px 10px;
	margin-bottom: 20px;
	text-align: left;
}

/* Remnats page, gutter between photos */
@media all and (min-width: 981px) {
.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
    margin-right: 2.4% !important;
}
}
.et_color_scheme_red #top-header {
    background: #222222 !important;
}
/* Secondary menu bar email link cutomization */

#et-info-email {
	text-transform: lowercase;
}

blockquote {
    border-color: #e02b20 !important;
}

/* Mobile menu colors */

span.mobile_menu_bar:before {
    color: #d25b27 !important;
}

/*.et_mobile_menu { border-top: 3px solid #f7d117; }*/

/* Center header module buttons */
@media only screen and (max-width: 600px) {
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
margin-left: 0 !important;
}
}


hr {
	border-top: 1px solid #dedede;
	border-bottom: none;
}

/*Contact Form 7 columns*/
.one-half,
.one-third {
    position: relative;
    margin-right: 4%;
    float: left;
        margin-bottom: 20px;
 
}
 
.one-half { width: 48%; }
.one-third { width: 30.66%; }
 
.last {
    margin-right: 0 !important;
    clear: right;
}
 
@media only screen and (max-width: 767px) {
    .one-half, .one-third {
        width: 100%;
        margin-right: 0;
    }
}

/*Contact Form 7 styles*/
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #ffffff !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #eaeaea !important;
}
.wpcf7-submit {
color: #ffffff !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
font-family: 'Libre Franklin',Helvetica,Arial,Lucida,sans-serif !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background-color: #000000;
border: 2px solid #000000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #ffffff; 
border-color:#000000;
color: #000000 !important;
padding: 6px 20px !important; 
}