@font-face{font-family:'Berlin Sans FB'; src:url(/templates/rrcblinds/fonts/Berlin Sans FB Regular.ttf)}
html, 
body {width: 100%; margin: 0 auto; font-size: 14px; line-height: 1.5; font-family: Arial;}
ul.actions {display: none;}
div.one {float: left; width: 8.33333333%; }
div.two {float: left; width: 16.66666667%; }
div.three {float: left; width: 25%; }
div.four {float: left; width: 33.33333333%; }
div.five {float: left; width: 41.66666667%; }
div.six {float: left; width: 50%; }
div.seven {float: left; width: 58.33333333%; }
div.eight {float: left; width: 66.66666667%; }
div.nine {float: left; width: 75%; }
div.ten {float: left; width: 83.33333333%; }
div.eleven {float: left; width: 91.66666667%; }
div.twelve {float: left; width: 100%; }

.padding1 {padding: 1px;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding15 {padding: 15px;}
.padding20 {padding: 20px;}
.padding25 {padding: 25px;}
.padding30 {padding: 30px;}

.nomobile {display: block;} 
.mobileonly {display: none;} 
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
img {max-width: 100%;}
img.right {float: right; padding-left: 10px;}
img.left {float: left; padding-right: 10px}
img.width98 {width: 98%;}
#clear, .clear {clear: both;}
.printonly, .element-invisible { display: none;}


h1, h2, h3, h4, h5, h6,
p.h1, p.h2, p.h3, p.h4, p.h5, p.h6 
{color: #333; font-family: Berlin Sans FB, Arial; line-height: 110%; font-weight: 400;}
h1, p.h1 {font-size: 40px;}
h2, p.h2 {font-size: 30px;}
h3, p.h3 {font-size: 22px;}
h4, p.h4 {font-size: 16px;}

div.content h1 { margin: 0; background: #C03; color: #FFF; padding: 10px;}
div.content h1:first-child { margin: 0; background: #C03; color: #FFF; padding: 10px;}

p.error {font-weight: bold; background-color: #C03; color: #FFF; padding: 5px;}
p.warning {font-weight: bold; background-color: #fdc039; color: #FFF; padding: 5px;}
p.success {font-weight: bold; background-color: limegreen; color: #FFF; padding: 5px;}

a.special-offers {background: orange;}
a.ext {}
a.ext:after {content: "\f08e"; padding-left: 5px; font-family: FontAwesome;}
a.email {color: #C03; text-decoration: underline; font-weight: bold;}
a.email:hover, a.email:focus {color: #999;}
a.phone {text-decoration: none; color: #000; font-weight: bold;}
a.phone:hover, a.phone:focus {color: #999;}
a.phone:before {color: #C03; font-size: 14px; content: "\f095"; padding-left: 5px; padding-right: 5px; font-family: FontAwesome;}
a.download:before {content: "\f019"; padding-right: 5px; font-family: FontAwesome;}
a img:hover {opacity: 0.8;}

a.button,a.button:hover, a.button:focus,a.btn,a.btn:hover, a.btn:focus, input[type="submit"] {background-color: #C03; color: #fff !important; display: inline-block; padding: 15px 17px; text-transform: uppercase; font-family: Arial; text-decoration: none; font-size: 14px; cursor: pointer; border: 0; font-weight: bold;}
a.button:hover, a.button:focus,a.btn:hover, a.btn:focus, input[type="submit"]:hover, input[type="submit"]:focus {background-color: #333;}
input[type="submit"].contact-button {background: green;}
input[type="submit"].contact-button:hover {background: #333;}

span.separator {display: inline-block; margin-left: 20px; margin-right: 20px;}
span.linebreak {display: none;}

div#toolbar .separator {display: inline;}
div#toolbar div#google_translate_element span.text {display: none;}

div#toolbar {width: 100%; background: #ebebeb; border-bottom: 1px solid #c6c6c6; position: fixed; z-index: 1000;}
div#toolbar > ul { width: 100%; margin: 0 auto !important; max-width: 840px;}
div#toolbar ul { list-style: none; padding: 0; margin: 0;}
div#toolbar ul li { float: left;}
div#toolbar ul li.parent > a:after { font-family: FontAwesome; content: "\f0d7"; position: absolute; right: 10px;}
div#toolbar ul li a { color: #333; font-weight: bold; text-decoration: none; display: block; padding: 10px 30px 10px 10px; position: relative; }
div#toolbar ul li a:hover, div#toolbar ul li a:focus { color: #C03;}
div#toolbar ul li #google_translate_element a { font-weight: normal; }
div#toolbar ul li a.dropdown:after {top: 13px; }
div#toolbar ul li ul {background: #fff; height: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; border-radius: 0; position: absolute; z-index: 110; }

div#toolbar ul li ul.show-menu {-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
div#toolbar ul li ul li { float: none; border: none; }
div#toolbar ul li ul li:last-child { border-right: none; }
div#toolbar ul li ul li:hover { background-color: #ebebeb; }
div#toolbar ul li ul li:focus { background-color: #ebebeb; }
div#toolbar ul li ul li a { padding: 10px 20px; }
div#toolbar ul li:hover ul { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
div#toolbar ul li:focus ul { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
div#toolbar ul li a:focus + ul{height: auto; z-index: 10000000;}

div#toolbar ul li span.text {padding: 10px 30px 10px 15px; display: block;}

#google_translate_element .goog-te-gadget .goog-te-gadget-simple {background-color: transparent !important; border: none !important; font-size: 14px !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 15px !important;}
#google_translate_element .goog-te-gadget .goog-te-gadget-simple .goog-te-gadget-icon { float: left; margin-top: 10px; margin-left: 20px !important; }

div.header {padding-top: 42px; width: 100%; border-bottom: 3px solid #C03;}
div.header-wrapper {width: 100%; max-width: 1310px; margin: 0 auto;}
div.logo {width: 100%; max-width: 300px; float: left;}
div.logo p {padding: 0; margin: 0;}
div.logo img {padding: 0; margin: 0; border-bottom: 3px solid #C03;}

div.headline {width: 100%; border-bottom: 0px solid #C03; padding-bottom: 10px; margin-bottom: 10px;}
div.headline p {font-size: 14px; font-weight: bold; margin: 0; line-height: 16px; color: #333;}
div#menu-toggle { display: none; float: left; width: 100%; text-align: center; font-weight: bold; color: #4d4d4d; font-size: 18px; background-image: url(/templates/rrcblinds/images/menu-toggle.png); background-repeat: no-repeat; background-position: right;}

div.main-menu{width: 100%; background: #333;}

nav#main-menu ul { list-style-type: none; padding-left: 0px; margin: 0;}
nav#main-menu ul li { display: inline-block;}
nav#main-menu ul li a {color: #FFF; font-family: Arial; padding: 0px 15px; font-weight: bold; text-decoration: none; font-size: 18px; line-height: 50px; display: block;}
nav#main-menu ul li.active a{background: #C03; color: #FFF;}
nav#main-menu ul li.active a.special-offers{background: orange;}
nav#main-menu ul li a:hover {background: #666; color: #FFF;}
nav#main-menu ul li a:focus {background: #666; color: #FFF;}

nav#main-menu {width: 100%; max-width: 1100px; margin: 0 auto;}
nav#main-menu > ul { width: 100%; margin: 0 auto !important;}
nav#main-menu ul { list-style: none; padding: 0; margin: 0;}
nav#main-menu ul li { float: left; list-style-type: none;}
nav#main-menu ul li.parent > a:after, nav#main-menu ul li.parent > span.separator:after { font-family: FontAwesome; content: "\f0d7"; position: absolute; right: 10px; font-size: 14px;}
nav#main-menu ul li a, nav#main-menu ul li span.separator { color: #FFF; text-decoration: none; display: block; padding: 0px 15px 0px 15px; font-size: 16px; position: relative; font-weight: bold; text-transform: uppercase; }
nav#main-menu ul li.parent a, nav#main-menu ul li.parent span.separator { padding: 0px 30px 0px 15px;}
nav#main-menu ul li a.dropdown:after {top: 13px; }
nav#main-menu ul li:hover a, nav#main-menu ul li:hover span.separator, nav#main-menu ul li a:focus, nav#main-menu ul li span.separator:focus { background-color: #666; }
nav#main-menu ul li ul {height: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; border-radius: 0; position: absolute; z-index: 10000000; width: 260px;}

nav#main-menu ul li ul.show-menu {-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
nav#main-menu ul li ul li { float: none; border: none; width: 100%;}
nav#main-menu ul li ul li:last-child { border-right: none; }
nav#main-menu ul li ul li a:hover, nav#main-menu ul li ul li span.separator:hover, nav#main-menu ul li ul li a:focus, nav#main-menu ul li ul li span.separator:focus { color: #FFF; background: #333; }
nav#main-menu ul li ul li a { padding: 10px 10px; }
nav#main-menu ul li:hover ul, nav#main-menu ul li:focus ul { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
nav#main-menu ul li a:focus + ul, nav#main-menu ul li span.separator:focus + ul{height: auto; z-index: 10000000;}
nav#main-menu ul li span.text {padding: 0px 30px 0px 15px; display: block;}

div.contact-form {border-bottom: 0px solid #C03; padding-bottom: 10px; margin-bottom: 10px;}
.contact-field {width: 100%; font-family: Arial;}
textarea.contact-field {height: 100px;}



div.slideshow {width: 100%; background: #e9e9e9;}
div.slideshow-wrapper {width: 100%; /*max-width: 1310px;*/ margin: 0 auto;}
div.camera_pag {position: absolute; margin-top: -50px; right: 0; margin-right: 10px;}

div.feature-block-wrapper {width: 100%; }
div.feature-block p {margin:0;  }
div.feature-block p.h3 a, a.mod-articles-category-title {text-decoration: none; text-transform: uppercase; padding: 10px; text-align: center; display: block; background: #C03; color: #FFF;}
div.latest-project-listing.special p.h3 a {background: orange; font-size: 18px !important;}
div.feature-block p.h3 a:hover, a.mod-articles-category-title:hover  {background: #333;}

div.latest-project-wrapper p.h2 a { display: block; text-decoration: none; background: #333; padding: 10px; color: #FFF;}
div.latest-project-wrapper p.h2 a:hover { background: #C03;}
div.latest-project-listing  { border: 1px solid #c9c9c9; background: #FFF;}
div.latest-project-listing p.title.h3 {margin: 0;}
div.latest-project-listing p.summary {margin: 0; padding: 10px;}
a.mod-articles-category-title {font-size: 16px;}
div.feature-block a.button {margin-top: 15px;}



div.breadcrumbs {margin-bottom: 10px; margin-top: -5px;}
div.breadcrumbs a {color: #C03; font-weight: bold; text-decoration: none;}

div.body {width: 100%; max-width: 1310px; margin: 0 auto; background-image: url(/templates/rrcblinds/images/transparency90.png); border: 1px solid #e9e9e9;}
div.nav-panel {}
div.content {}

div.blog h2 {margin: 0;}
div.blog h2 a{text-decoration: none; color: #FFF; background-color: #C03; padding: 5px; font-size: 22px; display: block; text-align: center;}
div.blog h2 a:hover{background-color: #333;}

#phocaMap img, #phocagallery img {max-width: 100% !important;}

div.pd-fdesc {padding: 0 !important;}

table#form {width: 100%;}
td.form-label { font-weight: bold; min-width: 95px;}
table#form input, table#form select, table#form textarea {width: 90%;}
table#form textarea {height: 100px;}
label.error {font-weight:bold; color: #CC0033;}
input.error, select.error, textarea.error {border: 1px solid #C03;}








footer {width: 100%; background: #333; color: #FFF; border-top: 3px solid #C03;}
div.footer {width: 100%; max-width: 1310px; margin: 0 auto; text-align: center; padding: 5px;}
div.footer a {color: #FFF !important;}
div.footer a:hover, div.footer a:focus {color: #999 !important;}







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

	div#accessibility ul, 
	div#toolbar > ul, 
	div#top, 
	div#content{width: 96%;}
	
	div#sub-menu ul, 
	div#breadcrumbs, 
	.slideshow div#breadcrumbs, 
	div.instagram, 
	div.vptags, 
	div.latest-blog, 
	div#footer, 
	div#footer-menu, 
	div#footer-content-wrapper-wrapper {max-width: 96%;}
	
	div#main-menu nav ul li a {padding: 24px 12px; }
	div#breadcrumbs, .slideshow div#breadcrumbs {padding-left: 0; padding-right: 0; max-width: 100%;}
	div#breadcrumbs ul, .slideshow div#breadcrumbs ul {padding-left: 5px;}
	div#search-results-tabs ul li {width: 24.6%;}
	
	div.calendar {width: 90%;}
	div.calendar-outer {width: 96%;}
	div.calendar-outer div.previous {width: 40px;}
	div.calendar-outer button#calendar-previous:before {margin-left: -10px;}
	div.calendar-outer button#calendar-next:before {padding-left: 6px;}
	div.calendar div.events div.event {width: 19.87%; min-height: 225px;}
	
	
}

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

	.nomobile {display: none;}
	.mobileonly {display: block;}
	div.header {padding-top: 0;}
	div.slideshowck {display: none !important;}
	div#toolbar {display: none;}
	input {-webkit-appearance: none !important;}
	div.body {border: 0 !important;}
	div.footer {padding: 0 !important;}
	div.footer p {padding-bottom: 10px;}
	span.separator {display: none;}
	span.linebreak {display: block;}
	
	div#logo {width: 11%; padding-top: 16px;}
	div.main-menu {width: 100%;}
	div.main-menu nav ul li a {padding: 16px 10px; font-size: 18px;}
	/*div#search {width: 20%;}
	div#search input {width: 58%;}*/
	
	img.left, img.right {max-width: 50%;}
	
	div#logo { width: 20%; padding: 10px;}
	div.main-menu nav ul li {width: 100%;}
	div#main-menu-toggle { display: block;}
	div#sub-menu { display: none;}

	a.button, a.button:hover, a.button:focus, input[type="submit"], div.slideshow-button a, div.slideshow-button a:hover {font-size: 12px;}
	
	
}

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

	div#menu-toggle {display: block; width: 100%; float: left; background-color: #666; line-height: 32px; font-size: 20px; text-align: center; color: #FFF; cursor: pointer;}
	div.main-menu nav {float: left; display: none;}
	div.main-menu nav ul li {width: 100%;}
	div.main-menu nav ul li.parent a, div.main-menu nav ul li.parent span.separator {width: 82%;}
	div.main-menu nav ul li a, div.main-menu nav ul li span.separator {width: 100%; font-size: 14px !important;}
	div.main-menu nav ul li ul {position: relative; width: 90%;}
	div.main-menu nav ul ul li {width: 100%;}
	
	h1, p.h1 {font-size: 30px;}
	div.one, div.two, div.three, div.four, div.five, div.six, div.seven, div.eight, div.nine, div.ten, div.eleven, div.twelve {width: 100% !important; }
	div#contact-details,div#media-social {width: 50% !important; }
	div#media-social {margin-top: -23px;}
	div#accessibility ul li a {font-size: 13px;}
	div#breadcrumbs { line-height: initial; }
	div#breadcrumbs li:first-child { margin-left: -5px;}
	div#breadcrumbs li {margin-bottom: -20px; margin-left: 7px;}
	.slideshow div#breadcrumbs {position: relative;line-height: initial;}
	.compass h1.item-title {width: 100%; margin-bottom: 0;}
	.compass img.moveup {margin-top: 0px; margin-bottom: 10px; margin-top: 0; float: none; margin: 0 auto; display: block; padding-left: 0;}
	div.calendar p.h1 {background-position: top center; background-repeat: no-repeat; position: relative; background-size: 48px 48px; padding-top: 48px; text-align: center; text-indent: 0; width: 90%; line-height: 1; margin-left: 5%;}
	
	div.calendar-wrapper {padding-top: 1px; background-position-y: -451px;}
	div.calendar-outer div.next, div.calendar-outer div.previous {margin-top: 206px;}
	
	div.days-load {height: 46px;}
	div.days-load img {margin-top: 5px;}
	div.events-load {height: 208px; display: inline-block;}
	div.events-load img {margin-top: 80px;}
	.four.more-details .padding30 { padding: 0}
	
	
	div.calendar {width: 87%;}
	div.calendar-outer {margin-top: 41px;}
	div.calendar p.event-button {text-align: center; margin-right: 0; margin-top: 0px;}
	div.calendar div.day {width: 100%; display: none;}
	div.calendar div.day.active {display: block;}
	div.calendar div.events div.event {width: 100%; min-height: 0; border-bottom: 0;}
	div.calendar div.events div.event span.read-more a { border-bottom: 1px solid #c9c9c9; padding-bottom: 5px;}
	div.calendar div.events div.event span.read-more.center a {border-bottom: 0;}
	div.calendar div.events {border-bottom: 1px solid #c9c9c9;}
	
	button#calendar-next, button#calendar-previous {display: none;}
	button#calendar-next-mobile, button#calendar-previous-mobile {display: block;}
	
	div.calendar div.days div.active div.padding15 {max-width: 190px; margin: 0 auto;}
	div.calendar div.day span.number, div.calendar div.day span.month, div.calendar div.day span.day {margin-right: 0; display: inline-block; text-align: center; font-size: 24px; padding-left: 5px; padding-right: 5px;}
	div.calendar div.day span.day {float: left;}
	
	div.compass a.button:first-child {margin-bottom: 0px;} 
	
	div.visitor-guide img.movedown { margin-top: 0; float: none; margin: 0 auto; display: block;}
	div.visitor-guide a.visitor-guide {margin-top: 0px;}
	
	div.vptags-listing p a.button, div.event-listing p a.button, div.blog-listing p.readmore a.button, a.button.gallery,div.latest-blog-listing p a.button {position: relative; bottom: 0;}
	div.vptags-listing, div.event-listing, div.blog-listing, div#gallery div.four, div.latest-blog-listing {min-height: 1px;}
	
	div#event-image {padding-top: 210px;}
	
	div.blog p.readmore {text-align: center;}
	
	div#sub-menu ul, 
	div#breadcrumbs, 
	.slideshow div#breadcrumbs, 
	div.instagram, 
	div.vptags, 
	div.latest-blog, 
	div#footer, 
	div#footer-menu, 
	div#footer-content-wrapper-wrapper {max-width:100%;}
	ul#footer-internal, div#footer-menu ul > li, ul#footer-external {width: 100%;}
	
	.slideshow div#breadcrumbs {margin-top: 0; }
	
	div#footer-menu ul > li > a:after {font-family: FontAwesome; content: "\f0d7"; position: absolute; right: 10px;}
	div#footer-menu ul ul {display: none;}
	
	
	div#footer-content-text, div#footer-content-menu {text-align: center;}
	div#footer-menu ul {margin-top: 0; margin-bottom: 0;}
	
	div.google-map p.h1 {margin: 10px; width: 96%; text-align: center;}
	div.google-map p.h1 span.map-pin{display: block; margin-left: 128px; height: 50px;}
	ul.google-map-tabs li {width: 49%; float: left;}
	div#google-map {height: 220px; }
	
	div.instagram p.h1 {background-position: top center; background-repeat: no-repeat; position: relative; background-size: 48px 48px; padding-top: 48px; text-align: center; text-indent: 0; width: 100%; line-height: 1.1; padding-left: 0;}
	
	div#footer-menu-wrapper {display: none;}
}

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

	div#accessibility ul, div#toolbar > ul, div#top, div#content {width: 94%;}
	
	div#logo { width: 40%;}
	div.calendar { width: 75%;}
	
	div.event-search-form div.form-input {width: 95%; text-align: center;}
	div.event-search-form div.form-input label {text-align: left; padding: 0; width: 90%;}
	div.event-search-form div.form-input input[type="submit"] {margin-top: 0px;}
	div#search-results-tabs ul li {width: 100%;}
	
	div#newsletter {text-align: center;}
	div#mailchimpsubscribe-message {width: 100%;}
	div#contact-details,div#media-social {width: 100% !important; text-align: center;}
	div#contact-details p.h3,div#media-social p.h3 {margin-bottom: 0px;}
	div#event-image {padding-top: 105px;}
	
	img.width98 {width: 100%;}
	div.event-listing.things h3.title {width: 100%;}
	div.vptags-wrapper, div.instagram-wrapper, div.latest-blog-wrapper {padding: 10px;}
	
	div.instagram-image {min-height: 105px;}
	
	div#search-results div.result p.publish-date {float: none;}
	
	div#footer-content-menu ul {padding-left: 0; margin-top: 0;}
	div#footer-content-menu ul li {display: block; text-align: center;}
	
	div#media-social ul li { margin-left: 8px; margin-right: 8px;}
}

@media screen and (max-device-width: 375px){ /* iPhone 6 Portrait -  375x667 */

}

@media screen and (max-device-width: 320px){ /* iPhone 5 Portrait - 320x568 */

}