/*
Theme name: Best Western Supply and Design Services
Description: Custom Theme
*/

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'clarendonbold';
    src: url('fonts/clarendon_bold-webfont.eot');
    src: url('fonts/clarendon_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/clarendon_bold-webfont.woff') format('woff'),
         url('fonts/clarendon_bold-webfont.ttf') format('truetype'),
         url('fonts/clarendon_bold-webfont.svg#clarendonbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Lucida Grande';
	src: url('fonts/LucidaGrande.eot');
	src: url('fonts/LucidaGrande.eot?#iefix') format('embedded-opentype'),
		url('fonts/LucidaGrande.woff2') format('woff2'),
		url('fonts/LucidaGrande.woff') format('woff'),
		url('fonts/LucidaGrande.ttf') format('truetype'),
		url('fonts/LucidaGrande.svg#LucidaGrande') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lucida Grande';
	src: url('fonts/LucidaGrande-Bold.eot');
	src: url('fonts/LucidaGrande-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/LucidaGrande-Bold.woff2') format('woff2'),
		url('fonts/LucidaGrande-Bold.woff') format('woff'),
		url('fonts/LucidaGrande-Bold.ttf') format('truetype'),
		url('fonts/LucidaGrande-Bold.svg#LucidaGrande-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Costa Std';
	src: url('fonts/CostaStd-Regular.eot');
	src: url('fonts/CostaStd-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/CostaStd-Regular.woff2') format('woff2'),
		url('fonts/CostaStd-Regular.woff') format('woff'),
		url('fonts/CostaStd-Regular.ttf') format('truetype'),
		url('fonts/CostaStd-Regular.svg#CostaStd-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: arial, sans-serif;
    color: #000;
    background: #f2f5f9;
    min-width: 100%;
}

ul { list-style: none; }

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

input[type="submit"] { -webkit-appearance: none; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { max-width: 1093px; }

/*
	Header
*/

#header { position:relative; overflow: hidden; padding: 26px 0 13px 18px;  border-bottom: 11px solid #ced9e7; text-align:left; }
#header .img-list { float: left; max-width: 520px; }
#header ul.head-list > li { float:left; display:inline; margin: 0 20px 0 0; }

ul.img-list li { float:left; display:inline; margin: 0 20px 0 0;  }
ul.img-list li .img-hold img { display:block; border: 2px solid #ced9e7; }

.page-template-template-archives-php ul.img-list { display:none; }

#header .projects { float:left; display:inline; margin: 0 20px 0 0; text-align:center; }
#header .projects h4 { font: 23px/25px "clarendonbold", Georgia, times, serif; color:#083f88; }
#header .projects ul { font-size:0;  }
#header .projects ul li { display:inline-block; *display:inline; zoom: 1; margin: 0 3px; font: italic 23px/23px Georgia, times, serif; color:#083f88; }
#header .projects ul li span { display:block; width: 99px; height:16px; background-color:#ffca42; font: 11px/16px arial, sans-serif; color:#526873; }
#header .projects h3 { font: 29px/31px "clarendonbold", Georgia, times, serif; color:#083f88; text-transform: uppercase; }

/*
	Footer
*/

#footer { clear: both; padding: 0 0 30px; }
#footer .shell { padding: 15px 0 0; border-top: 11px solid #ced9e7; text-align:right; font: 12px/14px arial, sans-serif; color:#083f88; }
.home #footer .shell { border-top:0; }
#footer span { margin: 0 67px 0 0; }
#footer a.archive-link { text-decoration:underline; }
#footer a.archive-link:hover { text-decoration:none;  }
#footer ul.img-list { display:none; }

/*
	Sidebar
*/

#sidebar { width: 17.74931381518756%; padding-bottom:30px; padding-top:15px;  margin-left:-17.749%; }
#sidebar + #main-content { float:left; }
.page-template-template-archives-php #sidebar { background-color:#ced9e7;  }

.widget { position:relative; overflow: hidden; margin: 0 0 15px; }

.supplier { padding: 10px 18px 16px; background-color: #ced9e7; color:#083f88; }
.supplier h3 { font-size:25px; font-weight:normal; line-height:32px;  }

.widget .call { font: 12px/14px "clarendonbold", Georgia, times, serif; text-align:center; color:#083f88; }
.widget .call h3 { padding: 4px 0 0; font: 18px/20px "clarendonbold", Georgia, times, serif; }

.widget a.btn { display:block; margin: 0 15px 8px; padding: 15px 0; background-color:#ced9e7; text-align:center; font: 15px/16px "clarendonbold", Georgia, times, serif; color:#083f88; }
.widget a.btn:hover,
.widget a.btn.orange { background-color: #ffc73a; text-decoration:none;  }

.widget form { margin:0 15px; padding-bottom:10px;  }
.widget form h3 { padding: 0 0 12px; font: 15px/17px "clarendonbold", Georgia, times, serif; color:#083f88; }
.widget form input.field {  height:24px; margin: 0 0 8px; padding: 0 5px; border: 1px solid #696767; font-size:11px; line-height:24px; }
.widget form input.submit { float:right; display:inline; width:125px; height:30px; max-width: 100%; background-color:#ffc73a; border: 0; cursor: pointer;	font-size:14px; line-height: 30px; color:#083f88; }
.widget form span.calendar-icon { display:inline-block; *display:inline; zoom: 1; vertical-align: top; width: 15px; height: 24px; margin-left:7%;  background: url(images/calendar-icon.png) no-repeat 0 center; }
.widget .search-form { }
.widget .search-form input.field { width: 92.13483146067416%; }
.widget .search-form2 input.field { width: 62.92134831460674%; }

/*
	Main Content
*/

#main-content { width: 82.25068618481244%; }
#main-content img { width: auto; height:auto; max-width: 100%; }
#main-content .text-box { padding: 22px 33px; }
#main-content h5 { padding: 0 0 25px; font: 15px/19px "clarendonbold", arial, sans-serif; color:#083f88; }
#main-content .supplier { display:none; }

ul.archive-list {  list-style: none; }
ul.archive-list li { padding-bottom:20px;  }
ul.archive-list li h4 { font: 25px/27px arial, sans-serif; color:#083f88; }
ul.archive-list li p { color:#083f88; }

.thumb-wrap a { background: url(images/transparent.png) repeat 0 0; }

/*
	Media
*/

@media screen and (max-width: 1093px){
	#header { padding-left:0; text-align:center;  }
	#header .projects { float:none; display:inline-block;  }
	#header ul.head-list { display:inline;  }
	#header ul.head-list > li { float:none; display:inline-block;  }

	#header ul.img-list { padding: 20px 0 0; }
	#header ul.img-list li { float:none; display:inline-block;  }

	.widget .call h3 { font-size:15px;  }
}

@media screen and (max-width: 760px){


	#header ul.head-list > li { margin: 0 5px; }
	#header ul.img-list { display:none; }
	#header .projects  { padding-top:10px;  }

	#sidebar,
	#main-content { width: auto; float:none; display:block; }

	#main-content .supplier { display:block; margin-bottom:18px;  }

	#sidebar .supplier { display:none;  }
	#sidebar a.btn { margin: 0 78px; }

	.widget .search-form input.field { width: 100%;
	 box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -ms-box-sizing: border-box;  }

	.widget .call h3 { font-size:18px;  }

	#footer .shell { text-align:left; }
	#footer span.copy { display:block; margin: 0 0 20px 15px; }
	#footer a.archive-link { margin-left:15px;  }

	#footer ul.img-list { display:block; margin: 0 0 38px; text-align:center; font-size:0;  }
	#footer ul.img-list li { float:none; display:inline-block; margin: 0 5px; width: 15.9375%; }
	#footer ul.img-list li img { width: auto; height:auto; max-width: 100%; }

	#main-content img { width: 100% !important; height:auto; }
}

/* ------------------------------------------------------------ *\
	Flyer Wrapper
\* ------------------------------------------------------------ */

.flyer_wrapper { background-color: #fff; padding: 33px 0 50px; font-family: 'Lucida Grande', Verdana, sans-serif; }
.flyer_wrapper * { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ------------------------------------------------------------ *\
	Shell Alt
\* ------------------------------------------------------------ */

.shell-alt { width: 880px; margin: 0 auto; }

@media(max-width: 900px){
	.shell-alt { width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header .header__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 11px; }
.header .header__bar { background-color: #3698c9; border-top: 6px solid #b6902d; }

@media(max-width: 768px) {
	.header .header__bar .shell-alt { overflow: hidden; }
}

@media(max-width: 600px) {
	.header .header__main { -ms-flex-wrap: wrap; flex-wrap: wrap; }
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { text-align: center; border-top: 6px solid #b6902d; padding-top: 25px; color: #4b4b4b; font-size: 14px; font-weight: 700; }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: block; width: 246px; height: 77px; background-image: url(images/logo.gif); background-size: cover; background-position: center center; font-size: 0; line-height: 0; text-indent: -4004px; }

@media(max-width: 600px) {
	.logo { margin: 0 auto; }
}

/* ------------------------------------------------------------ *\
	Featured Suppliers
\* ------------------------------------------------------------ */

.featured-suppliers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 277px; height: 80px; background-color: #3698c9; color: #fff; font-size: 15px; text-align: center; border-radius: 7px; margin: -5px 3px 19px 0; }
.featured-suppliers h4 { font-family: 'Costa Std', 'Trebuchet MS', sans-serif; font-size: 22.65px; line-height: 44px; margin-top: -12px; }

@media(max-width: 600px) {
	.featured-suppliers { width: 100%; margin-top: 20px; }
}

/* ------------------------------------------------------------ *\
	List Flyers
\* ------------------------------------------------------------ */

.list-flyers { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding: 25px 20px 17px; color: #fff; }
.list-flyers p { -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; margin-top: 6px; font-size: 12px; width: 125px; text-align: center; word-break: break-word; }
.list-flyers a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.list-flyers .flyer { position: relative; margin-bottom: 15px; }
.list-flyers .flyer__image { width: 75px; height: 100px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*  Active State  */

.list-flyers .active .flyer__image { border: 2px solid #004288; }
.list-flyers .active p { color: #004288; }

@media(max-width: 768px) {
	.list-flyers { width: 100%; background-color: #fff; /*justify-content: flex-start;*/ margin: 20px 0; }
	.list-flyers .flyer__image { display: none; }
	.list-flyers .flyer { display: none; width: 100%; }

	.list-flyers .span_offset { margin-bottom: 20px; }
	.list-flyers > span { width: 100%; color: #004288; margin-top: -10px; padding-bottom: 3px; text-transform: uppercase; border-bottom: 1px solid #004288; -webkit-transition: margin .3s ease; -o-transition: margin .3s ease; transition: margin .3s ease; }
	.list-flyers p { color: #004288; width: 100%; margin-bottom: 10px; }
}

/* ------------------------------------------------------------ *\
	Supplier Info
\* ------------------------------------------------------------ */

.supplier-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #004288; padding: 29px 0; font-size: 13.61px; }
.supplier-info strong { margin-right: 17px; }
.supplier-info p { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 65px; }
.supplier-info a { text-decoration: none; }
.supplier-info .supplier-info__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 200px; margin-right: 75px; }
.supplier-info .btn { display: inline-block; padding: 5px 24px; background-color: #004288; text-align: center; color: #fff; font-size: 13px; border-radius: 3px; transition: opacity .3s ease; }
.supplier-info .btn ~ .btn { margin-left: 20px; }
.supplier-info .btn:hover { opacity: .85; }

@media(max-width: 479px) {
	.supplier-info { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.supplier-info p { margin-left: 0; margin-bottom: 20px; width: 100%; text-align: center; }
	.supplier-info p span { width: 100%; line-height: 30px; }
}

/* ------------------------------------------------------------ *\
	Flyer Entry
\* ------------------------------------------------------------ */

.flyer-entry { position: relative; width: 100%; margin-bottom: 35px; }
.flyer-entry img { display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: 10px; -webkit-box-shadow: 0 0 10px #33333354; box-shadow: 0 0 10px #33333354; }