/*
Theme Name: Accent Communications
Theme URI: http://ashworthcreative.com
Description: Accent Theme.
Version: 1
*/

/* Global reset and styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, figure, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img { border: 0; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
strong { font-weight:bold; }
em { font-style:italic; }
a img { border:none; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Wordpress Layout */
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft { float:left; }
.alignright { float:right; }
.wp-caption {
	border:1px solid #666;
	text-align:center;
	background:#ccc;
	padding:10px;
	margin:10px;
}

p { margin-bottom: 1em; }

div.clear{
	clear: both;
	text-indent: -9999px;
	overflow: hidden;
}

/* Common Styles */
body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background-color: #BCBEC0;
}

a, a:visited, a:active {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: none;
	color: #8DC63F;
}

/* Main Styles */
.wrap-site {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/***********| HEADER |****************/
#header {
	height: 90px;
	background-color: #FFF;
}

#header-inner {
	position: relative;
	height: 90px;
}

#nav li { float: right; }

#nav li a {
	font-size: 14px;
	display: block;
	text-align: center;
	margin-left: 16px;
	padding: 0 2px;
	height: 30px;
	line-height: 30px;
	border-top: 5px solid transparent;
}

#nav li.current-menu-item a, #nav li.current-page-ancestor a, #nav li a:hover {
	color: #CC2827;
	border-top-color: #CC2929;
	text-decoration: none;
}

#logo {
	float: left;
}

#contact-tab {
	display: block;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	right: 263px;
	width: 200px;
	height: 30px;
	line-height: 30px;
	background: #8dc63f url("images/footer-icon-phone.png") no-repeat 26px 7px;
	border-top-left-radius: 12px;
	-moz-border-top-left-radius: 12px;
	text-align: center;
	color: #FFF;
    z-index: 500;
}
#contact-tab:hover {
	text-decoration: none;
	background-color: #555;
}

#demoroomtab {
	display: block;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 275px;
	height: 30px;
	line-height: 30px;
	background-color: #00BFF3;
	border-top-left-radius: 12px;
	-moz-border-top-left-radius: 12px;
	text-align: center;
	color: #FFF;
    z-index: 501;
}
#demoroomtab:hover {
	text-decoration: none;
	background-color: #555;
}


/***********| HOME-CONTENT |****************/
#wrap-slideshow {
	background-color: #414042;
	height: 330px;
	padding: 10px 0;
}

#home-slideshow {
	width: 950px;
	height: 320px;
	border: 5px solid #FFF;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

#home-slideshow-images {
	height: 320px;
}

#home-slideshow-images li {
	display: block;
	width: 950px;
	height: 320px;
	z-index: 100;
	position: absolute;
	left: 0; top: 0;
}

#home-slideshow-text-mask {
	text-indent: -9999px;
	overflow: hidden;
	background-color: #FFF;
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	height: 40px;
	position: absolute;
	width: 950px;
	top: 250px;
	z-index: 199;
}

#home-slideshow-text {
	display: block;
	padding: 0 10px;
	width: 930px;
	height: 40px;
	position: absolute;
	top: 250px;
	z-index: 200;
	overflow: hidden;
	color: #CC2929;
	font-size: 20px;
}

#home-slideshow-text li {
	display: block;
	text-align: center;
	line-height: 40px;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

#home-content-wrapper {
	background-color: #E4E5E6;
	width: 100%;
}

#home-content {
	width: 675px;
	float: left;
}

#home-content-text {
	margin: 35px 20px 0 0;
	font-size: 18px;
	line-height: 22px;
	color: #636466;
	height: 85px;
}

.home-promotion {
  background: url('images/current-promotion.gif') center center no-repeat;
  display: block;
  width: 275px;
  height: 110px;
}

.home-promotion span {
  display: none !important;
}

.home-promo .home-promotion {
  width: 265px;
}

#home-content-text p { margin: 0; }

#home-service-wrap {
	margin: 20px 0 60px;
	background-color: #FFF;
	padding: 10px 0;
	height: 190px;
}

.home-service-box {
	float: left;
	text-align: center;
	border-left: 1px solid #CECED0;
	width: 159px;
	padding: 80px 4px 6px;
	height: 104px;
	background: transparent url('images/home-icon-music.png') no-repeat scroll center top;
}

#home-service-box-1 {
	border: 0 none;
	width: 162px;
	background-image: url('images/home-icon-music.png');
}
#home-service-box-2 { background-image: url('images/home-icon-messaging.png'); }
#home-service-box-3 { background-image: url('images/home-icon-video.png'); }
#home-service-box-4 { background-image: url('images/home-icon-systems.png'); }

.home-service-box h2 {
	color: #8DC643;
	font-size: 20px;
	text-align: center;
}

.home-service-box p {
	color: #79797B;
	text-align: center;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	margin-bottom: 4px;
}

.home-service-box a {
	color: #00C0F3;
	font-size: 10px;
	text-transform: uppercase;
}

.home-service-box a:hover {
	text-decoration: none;
	color: #CC2827;
}

/***********| Page-Content |****************/
.primary-content {
	float: left;
	width: 665px;
	padding: 5px;
	background-color: #FFF;
}

.page-content {
	width: 100%;
	background-color: #414042;
	padding-top: 15px;
	padding-bottom: 30px;
}
.page-banner { height: 170px; }

.page-banner h2{
	display: block;
	float: left;
	width: 200px;
	height: 85px;
	background-color: #D1D3D4;
	text-align: center;
	color: #00546C;
	font-size: 20px;
	border-right: 5px solid #FFF;
	line-height: 24px;
	padding: 75px 10px 10px;
}
.page-banner img {
	float: left;
	width: 440px;
	height: 170px;;
}

#content {
	color: #636466;
	font-size: 13px;
	min-height: 560px;
	padding: 25px;
}

#content h2 {
	font-size: 20px;
	margin-bottom: 16px;
}

#content a, .red {
	color: #CC2827;
}

#content .blue {
	color: #1A87BC;
}

#content a:hover {
	text-decoration: none;
	color: #8DC63F;
}


/***********| Sidebars |****************/
#sidebar {
	float: left;
	width: 275px;
	margin-left: 10px;
}

#subnav {
	margin-bottom: 10px;
}

#subnav a {
	color: #FFF;
}

#subnav a:hover {
	color: #4D4D4F;
	text-decoration: none;
}

#subnav div.wrapper{
	border: 5px solid #D2D3D5;
	padding: 5px;
	background-color: #A7A9AC;
	min-height: 160px;
}
#subnav h2 {
	font-size: 14px;
	background-color: #CD292A;
	color: #FFF;
	padding: 7px;
	line-height: 16px;
}

#subnav ul {
	padding: 8px 0 20px;
}

#subnav li a {
	padding: 4px 0 4px 15px;
	display: block;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	background: transparent url('images/subnav-arrows.png') no-repeat scroll 0 center;
}

#subnav li.current_page_item a, #subnav li a:hover {
	background-position: -255px center;
	color: #4D4D4F;
	text-decoration: none;
}

#services-sidebar {
	padding: 5px;
	background-color: #FFF;
}

a.side-icon {
	display: block;
	height: 55px;
	line-height: 55px;
	background: #E4E5E6 url('images/sidenav-icon-music.png') no-repeat scroll 7px 0;
	padding-left: 64px;
	margin-bottom: 5px;
	font-size: 20px;
	color: #03546F;
}
a.side-icon:hover {
	text-decoration: none;
}

#services-sidebar li:last-child a { margin: 0; }

#services-sidebar a:hover, #services-sidebar li.active-page a {
	background-color: #A8A9AD !important;
	background-position: 7px -55px !important;
	color: #FFF !important;
}

#music-icon { background-image: url('images/sidenav-icon-music.png'); }
#messaging-icon { background-image: url('images/sidenav-icon-messaging.png'); }
#systems-icon { background-image: url('images/sidenav-icon-systems.png'); }
#video-icon { background-image: url('images/sidenav-icon-video.png'); }
#social-wifi-icon { background-image: url('images/sidenav-icon-social-wifi.png'); }

#qsr {
	height: 90px;
	margin-top: 10px;
	background-color: #FFF;
	border: 5px solid #D1D2D4;
}

#qsr-thumb {
	float: left;
	width: 100px;
}

#qsr-text {
	float: left;
	margin: 5px 0 0 10px;
	color: #CC2827;
	width: 150px;
	text-align: left;
}

#qsr h2{
	font-size: 18px;
	line-height: 20px;
	margin: 0;
	text-align: left;
}

#qsr h3{
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 3px;
	text-align: left;
}

#qsr p {
	color: #77787C;
	font-size: 10px;
	line-height: 12px;
	margin: 0;
}

#qsr a.readmore {
	display: block;
	color: #CE2828;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 2px;
}
#qsr a.readmore:hover { color: #8DC63F; }

#qsr-home {
	height: 190px;
	margin-top: 10px;
	background-color: #D1D3D4;
	border: 5px solid #FFF;
	color: #CC2827;
	padding: 5px;
}

#qsr-home-thumb {
	float: left;
	width: 100px;
}

#qsr-home-text {
	float: left;
	margin: 10px 0 0 10px;
	width: 140px;
	text-align: left;
}

#qsr-home h2{
	font-size: 18px;
	line-height: 20px;
	margin: 4px 0 3px;
	text-align: left;
	text-align: center;
}

#qsr-home h3{
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 6px;
	text-align: left;
	text-align: center;
}

#qsr-home p {
	color: #77787B;
	font-size: 11px;
	line-height: 12px;
	margin: 0;
}

#qsr-home a.readmore {
	display: block;
	color: #CE2828;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 2px;
}

#promo {
	margin-top: 10px;
	width: 275px;
	height: 110px;
	/*background-image: url('images/current-promo-bg.png');*/
	position: relative;
	color: #231F20;
}
#promo.home-promo {
	width: 265px;
	height: 110px;
	background-position: -5px -5px;
	border: 5px solid #949599;
}

#promo-percent {
	font-size: 42px;
	position: absolute;
	left: 108px;
	top: 11px;
	line-height: 50px;
}

.home-promo #promo-percent { left: 103px; top: 6px; }

#promo-for {
	font-size: 11px;
	position: absolute;
	left: 88px;
	top: 55px;
	width: 118px;
	text-align: center;
	line-height: 15px;
}
.home-promo #promo-for { left: 83px; top: 50px; }

#promo-readmore {
	font-size: 10px;
	position: absolute;
	left: 88px;
	top: 71px;
	width: 118px;
	text-align: center;
	line-height: 15px;
}
.home-promo #promo-readmore { left: 83px; top: 66px; }
#promo-readmore  a {
	text-transform: uppercase;
	color: #CC2929;
}
#promo-readmore a:hover {
	color: #8DC63F;
}
.home-social-wifi {
	background: #FFF url("images/home-icon-social-wifi.png") no-repeat scroll left center;
	display: block;
	height: 110px;
	box-sizing: border-box;
	font-size: 11px;
	line-height: 15px;
	padding: 15px 28px 0 124px;
	color: #77787B;
}
.home-social-wifi:hover {
	color: #77787B;
}
.home-social-wifi .visually-hidden {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}
.home-social-wifi .read-more {
	color: #00C0F3;
}


/***********| FOOTER |****************/
#footer {
	color: #636466;
	padding: 40px 0 60px;
	width: 100%;
}

.footer-col {
	float: left;
	width: 210px;
	padding: 0 12px;
	border-left: 1px solid #A8A9AD;
	height: 170px;
}

.footer-col-1 { border: 0 none; }

#footer h3 {
	color: #FFF;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 16px;
}

#footer a, #footer span {
	text-decoration: none;
	color: #636466;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 17px;
}
#footer a:hover, #footer li.current-menu-item a { color: #FFF; }

a#schedule-estimate {
	display: block;
	margin-top: 15px;
	background-color: #FFF;
	text-align: center;
	border-radius: 12px;
	-moz-border-radius: 12px;
	padding: 3px 12px;
	line-height: 16px;
	font-size: 11px;
	color: #818284;
	float: left;
}

a#schedule-estimate:hover {
	background-color: #818284;
	text-decoration: none;
	color: #FFF;
}

#contact-list li {
	line-height: 16px;
	background: transparent url('images/footer-icon-phone.png') no-repeat scroll left center;
	padding: 6px 0 6px 25px;
}

#contact-list li.phone {
	background-image: url('images/footer-icon-phone.png');
	background-position: 2px center;
}
#contact-list li.email { background-image: url('images/footer-icon-email.png'); }
#contact-list li.questions { background-image: url('images/footer-icon-question.png'); }
#contact-list li.address { background-image: url('images/footer-icon-address.png');background-position: left 6px; }
#contact-list li.address span { line-height: 15px; }

#footer-logo {
	width: 168px;
	height: 40px;
	background-image: url('images/logo-footer.png');
}
#footer-logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
}

#footer p {
	margin: 0;
	font-size: 11px;
	line-height: 15px;
}

#wrap-demo {
	width: 665px;
	height: 668px;
	position: relative;
	background: #FFF url('images/demoroom-bg.png') no-repeat scroll 5px 5px;
}

#demo-img {
	position: relative;
	top: 0; left: 0;
	z-index: 9998;
}

.demo-popup {
	position: absolute;
	z-index: 9997;
	color: #000;
	font-size: 12px;
	line-height: 16px;
	cursor: pointer;
}

.demo-popup.show {
	z-index: 9999;
}

.demo-popup h3 {
	color: #000;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 6px;
}

.demo-popup p { margin-bottom: 6px; }

.demo-popup a {
	text-transform: uppercase;
	color: #CB2929;
	font-size: 11px;
}
.demo-popup a:hover {
	text-decoration: none;
	color: #598528;
}

.demo-popup-systems {
	background-image: url('images/popup-bg-systems.png');
	width: 200px;
	height: 115px;
	left: 154px; top: 376px;
	padding: 35px 35px 45px 95px;
}

.demo-popup-cctv {
	background-image: url('images/popup-bg-cctv.png');
	width: 190px;
	height: 115px;
	left: -10px; top: 88px;
	padding: 135px 40px 40px 40px;
}

.demo-popup-satellite {
	background-image: url('images/popup-bg-satellite.png');
	width: 195px;
	height: 115px;
	left: 148px; top: 387px;
	padding: 45px 140px 40px 35px;
}

.demo-popup-scent {
	background-image: url('images/popup-bg-scent.png');
	width: 195px;
	height: 110px;
	left: 418px; top: 79px;
	padding: 130px 35px 35px 40px;
}

.demo-popup-video {
	background-image: url('images/popup-bg-video.png');
	width: 192px;
	height: 117px;
	left: 150px; top: 175px;
	padding: 215px 120px 40px 40px;
}

.demo-popup-music {
	background-image: url('images/popup-bg-music.png');
	width: 195px;
	height: 115px;
	left: 157px; top: 70px;
	padding: 75px 95px 40px 95px;
}

.demo-popup-messaging {
	background-image: url('images/popup-bg-messaging.png');
	width: 180px;
	height: 110px;
	left: 14px; top: 174px;
	padding: 165px 35px 35px 45px;
}

.demo-title {
	color: #FFF;
	font-size: 14px;
	line-height: 18px;
	position: absolute;
	width: 340px;
	height: 70px;
	left: 48px;
	top: 544px;
	z-index: 9999;
}

.demo-title h3 {
	color: #FFF;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 8px;
}

.wrap-demo-outer #services-sidebar {
	margin: 0 !important;
}

#schedule-estimate-side {
	position: fixed;
	right: 0;
	top: 40%;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 190px;
	width: 40px;
	background: transparent url('images/schedule-estimate-side.png') no-repeat scroll 0 0;
	z-index: 9999;
}
#schedule-estimate-side:hover {
	background-position: -40px 0;
}

#contact-tab {
    right: 0px;
}
#demoroomtab {
	display: none;
}
#social-wifi-icon {
    background-image: url(/wp-content/uploads/2019/08/AC_TVIcon.png);
}