@import url('//fonts.googleapis.com/css?family=Montserrat');

/* edit by jcaruso 2021-07-29 */
/* bootstrap update causes background of all articles to be pink. #fff4f4 */
/* all articles in this drupal project are set to 'unpublished' and have 'is-unpublished' as a class */
/* thus all article content has a pink background */
.is-unpublished {
    background-color: #fff;
}

/* columns of same height styles */
.container-height {
    display: table;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.row-height {
    display: table-row;
}
.col-height {
    display: table-cell;
    float: none;
}

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #262e35;
}

.content, .cke_editable_themed {
	font-family: Arial, sans-serif;
	font-size: 1em;
	line-height: 1.875;
	letter-spacing: 0.05em;
}
p, ul, ol {
	margin-bottom: 20px;
}

.path-search .region-content h2 {
	display: none;
}
.sitemap a {
	color: #262e35;
	text-decoration: underline;
}
.sitemap ul {
	list-style: none;
}

.container .site-header,
.container .navbar-header {
	position: relative;
	margin-top: 70px;
	margin-bottom: 8px;
}
.navbar-header .site-logo {
	float: left;
	margin-bottom: 20px;
}
.navbar-header .navbar-default {
	padding: 0;
	margin-top: 20px;
}
.navbar-header .navbar-collapse.collapse {
	display: inline !important;
}
.navbar-default .caret {
	display: none;
}

.site-header .search-container,
.navbar-header .search-container {
    position: absolute;
	right: 0;
    top: -25px;
    width: 230px;
	font-family: Arial, sans-serif;
}
.search-container .form-control {
	padding: 0 5px 0 0;
	height: 22px;
	font-size: 0.6875em;
	letter-spacing: 0.1em;
	background-color: #e6e6e6;
	border-radius: 0;
	border: 0 none;
	box-shadow: none;
}
.search-container .input-group-addon {
	width: 26px;
    padding: 0;
    text-align: center;
	background-image: url('../images/Deckers-Search-Icon.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
  	background-size: 50%;
    background-color: #e6e6e6;
    border: 0 none;
    border-radius: 0;
}
.search-container .input-group-btn > .btn {
    margin-left: 2px;
}
.search-container .btn {
	padding: 3px 10px;
	font-size: 8.25pt;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
    text-decoration: none !important;
	background-color: #e6e6e6;
	border: 0 none;
	border-radius: 0;
}
.search-container .btn:hover {
	background-color: #cfe7f3;
}
.search-container .btn:hover:active {
	box-shadow: none;
}

.navbar-header {
    float: none;
}
.navbar-default {
	text-transform: uppercase;
}
.navbar-default .nav > li > a {
	font-size: 0.9166666666666666em;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.navbar-default .navbar-nav > li > a {
	color: #262e35;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #262e35;
    background-color: #d4d4d4;
}

.navbar-default .navbar-nav > .open > a {
	color: #262e35;
    background-color: #e4e4e4;
}
.navbar-default .navbar-nav > .open > a:focus {
	color: #262e35;
    background-color: #e4e4e4;
}
.navbar-default .navbar-nav > .open > a:hover {
	color: #262e35;
	background-color: #d4d4d4;
}

.navbar-default .navbar-nav > .active > a {
	color: #262e35;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:focus {
	color: #262e35;
    background-color: #e4e4e4;
}
.navbar-default .navbar-nav > .active > a:hover {
	color: #262e35;
    background-color: #d4d4d4;
}
.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #e4e4e4;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #262e35;
    background-color: #d4d4d4;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a {
	color: #262e35;
    background-color: #e4e4e4;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #262e35;
    background-color: #d4d4d4;
}
.navbar-header .nav > li > a {
	padding: 12px 0 11px 0;
	margin: 0 30px 0 0;
	border-bottom: 5px transparent solid;
}
.navbar-header .nav > li:first-child > a {
	margin-left: 0;
}
.navbar-header .nav > li:last-child > a {
	margin-right: 0;
}
.navbar-header .nav > li > a:hover,
.navbar-header .nav > li > a:focus {
	background-color: transparent;
    text-decoration: none;
    border-bottom: 5px #e4e4e4 solid;
}
.navbar-header .nav .open > a,
.navbar-header .nav .open > a:hover,
.navbar-header .nav .open > a:focus {
  background-color: transparent;
  border-color: #e4e4e4;
}
.navbar-header .nav > .active > a,
.navbar-header .nav > .active > a:hover,
.navbar-header .nav > .active > a:focus {
	color: #262e35;
  	background-color: transparent;
}
.navbar {
    margin-bottom: 0;
    border: 0 none;
}
.navbar-toggle {
    margin: 33px 15px 33px 0;
    border: 0 none;
    border-radius: 0;
}
.navbar-default {
	background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #262e35;
}
.navbar-default .navbar-toggle:focus {
	background-color: #e4e4e4;
}
.navbar-default .navbar-toggle:hover {
	background-color: #d4d4d4;
}
.navbar-toggle .icon-bar {
    width: 40px;
    height: 5px;
    border-radius: 0;
}
.navbar-collapse {
	border-top: 0 none;
}
.navbar-collapse .search-container > form {
    padding: 0;
    margin: 0 -15px;
    border-top: 0 none;
    border-bottom: 0 none;
    box-shadow: none;
}
.navbar-collapse .search-container > form .input-group-addon {
	width: 40px;
}
.navbar-collapse .search-container > form .form-control {
	height: 40px;
	font-size: 0.9166666666666666em;
}
.navbar-collapse .search-container > form .input-group-btn > .btn {
	padding: 12px 15px;
	font-size: 11pt;
}

.mobile-header .site-logo {
	display: inline-block;
	margin: 30px 15px;
}

.dropdown-menu {
	font-size: 1em;
	background-color: #e4e4e4;
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
	padding: 11px 0;
}
.dropdown-menu > li > a {
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1;
    display: block;
    padding: 10px 20px;
    clear: both;
    color: #262e35;
    white-space: nowrap;
	text-transform: uppercase;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #d4d4d4;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #262e35;
    background-color: #d4d4d4;
}

.home-main-container,
.page-main-container {
	width: 100%;
	margin: 0 auto;
	background-size: cover;
	background-position: center;
}

.grid-2-container .row {
	margin-left: 0;
	margin-right: 0;
}
.grid-2-container .col {
	padding-left: 0;
	padding-right: 0;
}

.basic-container {
	margin-top: 5px;
	margin-bottom: 35px;
}

.page-heading + .main-container {
	margin-top: 0;
}
.region-content + .page-main-container {
	margin-top: 35px;
}

.content .grid-container {
	margin-bottom: 60px;
}
.content .home-main-container .grid-container {
	margin-bottom: 0;
}
.content .grid-container .page-image-container {
	margin: 30px 0;
}
.content .grid-container .page-image-container:first-child {
	margin-top: 0;
}
.content .grid-container .page-heading-image {
	margin-bottom: 60px;
}

.static-container {
	overflow-x: scroll;
}

.home-main {
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
 	background-size: cover;
}
.home-main img {
	visibility: hidden;
	width: 100%;
    min-height: 700px;
}
.home-main .container {
	position: absolute;
    top: 0;
    z-index: 2;
}
.home-main .caption {
	font-family: 'Montserrat', sans-serif;
	width: 100%;
	font-size: 1em;
	line-height: 1.875;
	margin-top: 50px;
	text-align: center;
}
.home-main .caption h1 {
	margin-bottom: 10px;
	font-size: 2.5625em;
	line-height: 1.16;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.home-logos {
	padding: 20px 0;
    line-height: 60px;
    text-align: center;
}
.home-logos a {
	display: inline-block;
}
.home-logos img {
	display: inline-block;
	width: auto;
	height: 50px;
}

.grid-block {
	text-align: center;
}
.grid-block a {
	color: #262e35;
	text-decoration: underline;
}
.grid-block a.btn {
	max-width: 100%;
	text-decoration: none;
}
.grid-block > a + .caption {
	margin: 55px 0;
}
.grid-block .caption h1 {
	margin: 0 15px 20px 15px;
	text-transform: uppercase;
}
.grid-block .caption hr {
	width: 66%;
	border-top: 2px solid #262e35;
}

.grid-block-2 {
	padding: 22.5px 0;
}
.page-heading .grid-block-2 {
	padding: 80px 15px;
}
.page-heading .col:nth-child(even) .grid-block-2 {
	padding-top: 0;
}
.grid-block-2 img {
	display: inline-block;
	max-width: 50%;
	text-align: center;
}
.container .grid-block-2 img {
	max-width: 100%;
}
.container .grid-block-2 .img-logo {
	max-width: 50%;
}

.grid-block-2 p + a {
	margin-top: 20px;
}
.grid-block-2 .caption {
	text-align: left;
}

.grid-block-3 {
	text-align: left;
}
.grid-block-3 .caption {
	text-align: left;
	margin-top: 15px;
	margin-bottom: 35px;
}
.grid-block-3 .caption h2 {
	line-height: 1.25;
}

.col-gradient {
	background-image: url('../images/Deckers-Home-gradient.jpg');
	background-size: 100%;
	background-origin: content-box;
	background-repeat: no-repeat;
}
.text-block {
	padding: 25px 50px 50px 50px;
}
.text-block-2 {
	padding-top: 80px;
}
.home-main-container .text-block-2 {
	padding-top: 30px;
}
.text-block .caption a.btn {
	margin-top: 10px;
	text-decoration: none;
}
.text-block > img {
	visibility: hidden;
}

.page-heading {
	margin-top:	80px;
	margin-bottom: 50px;
	text-align: center;
}
.page-heading hr,
.main-container hr {
	width: 75%;
	margin: 35px auto;
	border-top: 1px solid #D2E8F3;
	border-bottom: 1px solid #C9DFEA;
}
.page-heading hr {
	position: relative;
}
.page-heading hr:last-child {
	margin-bottom: 0;
}
.body-block a {
	color: #262e35;
}
.page-heading .body-block {
}
.page-heading .col {
	padding: 30px 15px;
}
.page-heading .grid-block {
	text-align: left;
}
.page-heading .logos a {
	display: inline-block;
}
.page-heading img {
	display: inline-block;
}
.page-heading .grid-block img {
	max-width: 100%;
}
.grid-block .logos {
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.grid-block .logos a {
	display: table-cell;
}
.grid-block .logos img {
}
.page-heading .full-width {
}
.being-deckers {
	margin-top: 60px;
	margin-bottom: 120px;
	padding: 80px 15px 60px 15px;
	background-color: #E7E7E7;
	text-align: center;
}
.being-deckers h1 {
	padding-bottom: 15px;
	text-transform: uppercase;
}
.being-deckers h2 {
	display: inline-block;
	max-width: 785px;
	font-size: 1.3333333333333333em;
	letter-spacing: 0.05em;
}
.quote {
	font-size: 1.5625em;
	line-height: 1.7;
	color: #4792b2;
	text-align: center;
}
.quote p {
	width: 75%;
	display: inline-block;
	color: #4792b2;
 	text-align: left;
}
.ucase {
	text-transform: uppercase;
}

h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8333333333333333em;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
	overflow: hidden;
    text-overflow: ellipsis;
}
h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5625em;
	font-weight: bold;
	line-height: 1.7;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0 0 10px;
	overflow: hidden;
    text-overflow: ellipsis;
}
h3 {
	font-family: 'Montserrat', sans-serif;
    font-size: 1.1666666666666667em;
    font-weight: bold;
	line-height: 1.5;
    letter-spacing: 0.1em;
    margin: 0;
	margin-bottom: 20px;
    padding: 0;
	overflow: hidden;
    text-overflow: ellipsis;
}

.btn-square {
	font-family: 'Montserrat', sans-serif;
	padding: 10px 15px;
	font-size: 0.75em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
    text-decoration: none !important;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #e6e6e6;
	border: 0 none;
	border-radius: 0;
}
.btn-square:hover {
	background-color: #cfe7f3;
}
.btn-square:active {
	box-shadow: none;
}

.pagination {
	border-radius: 0;
}
.pagination > li > a,
.pagination > li > span {
    color: #333;
    background-color: #e6e6e6;
    border: 2px solid #fff;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #333;
	background-color: #cfe7f3;
    border-color: #fff;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: #333;
	background-color: #cfe7f3;
    border-color: #fff;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-btn {
}
.img-static-shadow {
	min-height: 35px;
}
.img-static-shadow + section + a + .region-content .page-heading,
.img-static-shadow + section .region-content .page-heading {
	margin-top: 45px;
}

.img-icon {
	height: 90px;
}
.img-header {
	min-height: 237px;
	visibility: hidden;
}

.main-container .responsive-video {
	margin-top: 35px;
	margin-bottom: 65px;
}

.responsive-video {
	position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
.responsive-video .video-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-thumbs {
	margin-top: 55px;
	text-align: center;
}
.video-thumbs .thumb {
	display: inline-block;
}
.video-thumbs .thumb .thumb-title {
	font-size: 0.6666666666666666em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	text-align: left;
}
.video-thumbs .thumb a {
	display: inline-block;
	margin-bottom: 15px;
	opacity: 0.5;
}
.video-thumbs .thumb a.active {
	opacity: 1;
}
.video-thumbs .thumb img {
	max-height: 92px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

ol.search-results {
	margin-top: 15px;
	list-style: none;
}
ol.search-results > li {
	margin-bottom: 30px;
}

.footer {
	padding-top: 0;
	padding-bottom: 0;
    border-top: 0 none;
	margin-top: 15px;
	margin-bottom: 45px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 0.625em;
	letter-spacing: 0.1em;
}
.footer .copyright {
	float: left;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.footer nav:after {
	display: table;
    content: " ";
	clear: both;
}
.footer .nav {
	width: 125px;
	float: right;
}
.footer .nav > li {
	display: inline-block;
	padding-bottom: 15px;
}
.footer .nav > li > a {
	color: #262e35;
	text-transform: uppercase;
    padding: 0 10px;
}
.footer .nav > li > a:hover,
.footer .nav > li > a:focus {
	background-color: transparent;
}
.footer .field {
	float: right;
	padding: 0 10px;
	font-weight: normal;
	font-size: 0.9em;
}

@media (min-width: 768px) {
	h1 {
		font-size: 2.0833333333333335em;
	}
	.btn {
		font-size: 9pt;
	}
	.footer {
		font-size: 0.75em;
	}
	.footer .nav {
		width: 140px;
	}

	/* columns of same height styles */
	.container-sm-height {
	}
	.row-sm-height {
	    display: table;
	    table-layout: fixed;
	    height: 100%;
	    width: 100%;
   	}
	.col-sm-height {
    	display: table-cell;
    	float: none;
    	height: 100%;
    }

	.header-container nav,
	.navbar-header .navbar-default {
		float: none;
	}
	.site-header .search-container,
	.navbar-header .search-container {
	    top: 0;
	}
	.navbar-header .nav > li > a {
		margin: 0 25px 0 0;
	}
	.navbar-default .nav > li > a {
		font-size: 0.875em;
	}

	.basic-container {
		margin-top: 35px;
		margin-bottom: 65px;
	}

	.grid-2-container .col:nth-child(odd) {
		padding-right: 1px;
	}
	.grid-2-container .col:nth-child(even) {
		padding-left: 1px;
	}

	.home-logos {
		padding: 0;
    	text-align: center;
		line-height: 167px;
	}

	.home-logos img {
		height: 60px;
	}

	.page-heading .body-block {
		display: inline-block;
		width: 670px;
	}
	.page-heading h1 {
		text-transform: uppercase;
	}
	.page-heading hr,
	.main-container hr {
		width: 710px;
		left: -20px;
	}
	.page-heading img {
		max-width: 50%;
	}

	.being-deckers h2 {
		font-size: 1.5625em;
	}

	.content + .block-views .views-view-grid {
		margin-bottom: 35px;
	}
}
@media (min-width: 992px) {
	.btn {
		font-size: 10pt;
	}
	.footer {
		font-size: 0.75em;
	}

	.header-container nav,
	.navbar-header .navbar-default {
		float: right;
	}
	.site-header .search-container,
	.navbar-header .search-container {
	    top: -22px;
	}

	.navbar-header .nav > li > a {
		margin: 0 25px 0 0;
	}

	.home-main {
		background-size: 0;
	}
	.home-main img {
		max-width: 100%;
		min-height: inherit;
		visibility: visible;
	}
	.home-main .caption {
		width: auto;
		left: 50%;
	    margin-left: -485px;
		font-size: 1.125em;
		line-height: 1.6666666666666666;
		text-align: left;
	}
	.home-main .caption h1 {
		font-size: 2.7777777777777777em;
		line-height: 1.16;
	}
	.home-main .caption p {
		margin: 0;
		font-family: 'Montserrat', sans-serif;
		font-size: 1.125em;
		line-height: 1.875;
    	letter-spacing: 0;
	}
	.home-logos img {
		height: 70px;
	}

	.page-heading .body-block {
		width: 720px;
	}
	.page-heading hr,
	.main-container hr {
		width: 760px;
	}
	.page-heading a {
		text-decoration: underline;
	}

	.content .grid-container .page-image-container {
		margin: 60px 0;
	}

	.footer .nav {
		width: auto;
	}
}
@media (min-width: 1200px) {
	.navbar-header .nav > li > a {
		margin: 0 50px 0 0;
	}
	.navbar-default .nav > li > a {
		font-size: 0.9166666666666666em;
	}

	.home-main .caption {
	    margin-left: -585px;
	}
	.home-logos img {
		height: 80px;
	}
}