/*
	Theme Name: Ramp 3 - UGA Athletics
	Theme URI: http://myramp.co
	Author: Ramp Ventures
	Author URI: http://myramp.co
	
*/

html :where(.has-border-color), 
html :where([style*=border-width]) {
	    border-style: none !important;
}

/*******************************
	PROMO BOXES	
*******************************/

.section-promo-boxes {
	height: auto;
	overflow: auto;
}

.promo-boxes {
	padding: 0;
	margin: 0;
	width: 100%;
}

.promo-box,
.promo-box-inline {
	position: relative;
	display: inline-block;
	float: left;
}

.promo-box-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.promo-box-content {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.promo-box-count-2 .promo-box {
	height: 500px;
	width: 50%;
}

.promo-box-count-3 .promo-box {
	height: 400px;
	width: 33.33%;
}

.promo-box-count-4 .promo-box {
	height: 300px;
	width: 25%;
}

.promo-box-count-5 .promo-box {
	height: 250px;
	width: 20%;
}

/*** Inline option ***/

.promo-box-inline {
	position: relative;
}

.promo-box-inline img {
	width: 100%;
	height: auto;
}

.promo-box-count-5 .promo-box-inline {
	width: 20%;
}

.promo-box-count-4 .promo-box-inline {
	width: 20%;
}

.promo-box-count-3 .promo-box-inline {
	width: 33.333%;
}

.promo-box-count-2 .promo-box-inline {
	width: 50%;
}

@media (max-width: 767px) {

	.promo-box,
	.promo-box-inline {
		width: 100% !important;
	}

	.promo-box-count-2 .promo-box,
	.promo-box-count-3 .promo-box,
	.promo-box-count-4 .promo-box,
	.promo-box-count-5 .promo-box {
		height: 250px;
	}

}

/*** Hover ***/

.promo-box:hover .promo-box-overlay,
.promo-box-inline:hover .promo-box-overlay {
	opacity: .3;
}


/*******************************
	BUTTONS
*******************************/

body .gform_wrapper .gform_footer input[type=submit],
input[type=submit],
a.button,
a.button:hover,
.button,
.button:hover
body .gform_wrapper .gform_page_footer .button.gform_button,
body .gform_wrapper .gform_page_footer .button.gform_next_button,
body .gform_wrapper .gform_page_footer .button.gform_previous_button {
	display: inline-block !important;
	font-size: 14px !important;
    text-transform: uppercase !important;
}

.section-featured .button,
.section-latest-message .button,
.promo-boxes .button {
	background: none;
	color: #fff;
	border-color: #fff;
}

.section-featured .button:hover,
.section-latest-message .button:hover,
.promo-box:hover .button,
.promo-box-inline:hover .button {
	background: #fff;
	color: #000;
	border-color: #fff;
}

/*******************************
	FOOTER
*******************************/

#footer h3 {
	margin-bottom: 10px;
	color: #fff !important;
}

#footer {
	font-size: 14px;
	line-height: 24px;
}

.textwidget {
	margin-bottom: 10px;
}


/*** Footer Menu Widget ***/

.widget_nav_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/*******************************
	COLUMNS
*******************************/

.columns-2 .column {
	width: 50%;
}

.columns-3 .column {
	width: 33.33%;
}

.columns-4 .column {
	width: 25%;
}

.columns-5 .column {
	width: 20%;
}

@media (max-width: 991px) {

	.columns-2 .column,
	.columns-3 .column,
	.columns-4 .column,
	.columns-5 .column {
		width: 100%;
	}

}

/*******************************
	TOGGLES
*******************************/

.toggle-box {
	border-left: 2px solid #eaeaea;
	padding-left: 20px;
	margin-bottom: 60px;
}

/*******************************
	GRAVITY FORMS
*******************************/

.gform_legacy_markup_wrapper .field_sublabel_below .ginput_complex.ginput_container label, 
.gform_legacy_markup_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
	clear: both !important;
	margin: 0px !important;
}

.gform_legacy_markup_wrapper .gf_page_steps {
    margin: 0 0 20px 0 !important;
    padding: 0 0 20px 0 !important;
}

.gform_legacy_markup_wrapper.gf_browser_chrome select {
    padding: 5px 4px !important;
    border: 1px solid #ccc !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type="radio"], 
body .gform_wrapper .gform_body .gform_fields .gfield input[type="checkbox"] {
	width: auto !important;
	margin: 8px 8px 0 0 !important;
}
	

@media only screen and (min-width: 641px)
	body .gform_legacy_markup_wrapper .gf_step {
	    margin: 10px 15px 10px 0 !important;
	}
}