/*-------------------------------------------------------------------------------------------------------

        Theme Name:         Garibaldi - mintstone.com custom stylesheet
        Theme URI:          https://straydogbranding.com
        Description:        Responsive Website
        Version:            1
        Author:             Straydog
        Author URI:         https://straydogbranding.com
        License:            GNU General Public License version 3.0
        License URI:        http://www.gnu.org/licenses/gpl-3.0.html
*/

/* glassday signup button */
span.sign-up-button {
    position: relative;
	display: none !important;
}

a.signbtn  {
	background-color: #444;
	color: white;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    position: relative;
	display: block;
}

.signup-logo {
	background-image: url("/wp-content/themes/garibaldi/img/GLASS-DAY-LOGO-WHT.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    width: 60px;
}

.signup-button-inner {
    display: inline-block;
    position: relative;
	vertical-align: middle;
}


html.skin-cherry body span.sign-up-button a.signbtn, html.skin-cherry .signbtn, html.skin-cherry a.signbtn, html.skin-cherry a.signbtn:visited, html.skin-cherry body a.signbtn, html.skin-cherry body a.signbtn:visited, html.skin-cherry button, html.skin-cherry .wpcf7-submit, html.skin-cherry input[type="submit"], html.skin-cherry body div.social-links > a.signbtn, html.skin-cherry a.accordion-toggle, html.skin-cherry a.accordion-toggle:visited, html.skin-cherry a.accordion-toggle:hover, html.skin-cherry .main .tabs > li > a, html.skin-cherry .tabs > li > a, html.skin-cherry body .main .tabs > li > a, html.skin-cherry body .tabs > li > a {
    background-color: #d51600;
    color: white;
}

body div.header-content a.signbtn, body div.header-content a.signbtn:hover, body div.header-content a.signbtn:visited {
    color: white;
}
body div.header-content a.signbtn {
    margin-right: 0;
}
body span.sign-up-button > a.signbtn {
    position: relative;
}

html.std-selector body header a, html.std-selector body header a:hover, html.std-selector body header div.social-links a:hover, html.std-selector body header a:visited {
    color: white;
}
html.skin-cherry a, html.skin-cherry a:visited, html.skin-cherry .widget_rss h3 a:hover, html.skin-cherry body a:hover, html.skin-cherry body a:visited:hover, html.skin-cherry .main .tabs > li > a, html.skin-cherry .tabs > li > a, html.skin-cherry blockquote, html.skin-cherry span.pullquote, html.skin-cherry div.video-embed-shortcode:hover, html.skin-cherry div#map_canvas:hover, html.skin-cherry div.recent-posts h5 a:hover, html.skin-cherry div.recent-posts article.item div.description a, html.skin-cherry div.recent-posts article.item div.description a:visited, html.skin-cherry ul#filters li div:hover, html.skin-cherry article.item div.description a:hover, html.skin-cherry .comment a, html.skin-cherry .comment a:visited, html.skin-cherry .comment a:hover, html.skin-cherry .comment .message a.reply:hover, html.skin-cherry .paginators ul.page-numbers li a.prev:hover, html.skin-cherry .paginators ul.page-numbers li a.next:hover, html.skin-cherry ul#filters li div.current {
    color: #d51600;
}
.signbtn, a.signbtn, a.signbtn:visited, body a.signbtn, body a.signbtn:visited, .wpcf7-submit, input[type="submit"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #be0000;
	background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
	background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
	background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
	background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
	background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));	
	background-repeat: no-repeat;
    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.4);
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    -ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
    margin: 25px 0 0 250px;
    padding: 4px 29px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.1s linear 0s;
}

.signbtn:hover, a.signbtn:hover, a.signbtn:hover, body a.signbtn:hover, body a.signbtn:hover, .wpcf7-submit:hover, input[type="submit"]:hover {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 0 8px rgba(255, 255, 255, 0.9);
}

/* restyling call us button for glassday button */
span.call-us-button {
    margin-left: 0!important;
}

div.header-content {
    padding: 0 28px 1px 0!important;
}

/* slider link */
.media-slider-image {
	max-width: 980px;
	width: 100%;
	height: auto;
}

/* responsive glassday sign up */ 

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.signbtn, a.signbtn, a.signbtn:visited, body a.signbtn, body a.signbtn:visited, .wpcf7-submit, input[type="submit"] {
		margin: 25px 0 0 36px;
	}
}

@media screen and (max-width: 767px) {
	
	div.mobile-menu-wrapper {
		/*padding-top: 54px!important; uncomment this to show Glass Day Button*/
	}
	
	span.sign-up-button {
		clear: both;
		display: block;
		height: 0;
		margin: 10px 0;
		position: absolute;
		text-align: center;
		padding-top: 50px;
		top: 10px;
	}
	
	div.header-content {
		padding: 0!important;
	}
	
	span.call-us-button {
		margin: 0 0 8px !important;
	}
	.signbtn, a.signbtn, a.signbtn:visited, body a.signbtn, body a.signbtn:visited, .wpcf7-submit, input[type="submit"] {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background-color: #be0000;
		background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
		background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
		background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
		background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
		background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));	
		background-repeat: no-repeat;
		border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.4);
		border-image: none;
		border-radius: 3px;
		border-style: solid;
		border-width: 1px;
		-ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
		-o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
		color: white;
		cursor: pointer;
		display: inline-block;
		font-size: 13px;
		font-weight: bold;
		line-height: normal;
		margin: 0;
		padding: 5px 29px;
		text-decoration: none;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
		transition: all 0.1s linear 0s;
		width: 100%;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	span.sign-up-button {
		width: 460px;
	}
}

@media only screen and (max-width: 480px) {
	
	header .logo {
		margin-left: 0!important;
	}
	
	a.mobile-menu-btn.btn {
		margin: 10px!important;
	}
	
	span.sign-up-button {
		width: 300px;
		top: 108px;
		padding-top: 10px;
	}
}