/*Entropy Style 3 green and orange - color changes at bottom*/
/* Sarah Yardley video page styles */
.video-thumb-holder{width:200px;margin-right:10px;font-size:92%;line-height:14px;display:inline-block;vertical-align:top;margin-top:10px;}
.video-thumb-image{width:100%;}
.video-thumb-play-button-holder{margin:-67px 0 0 -25px;padding-bottom:39px;}
/* add
to index.php */
/* Maximenu tweaks media queries in css.css*/
.mobilemenuck-bar-title {display:none;}
body {font-family: Helvetica, Arial, FreeSans, sans-serif;color: #5e5e5e;}
h1{color:#fff;text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-size: 700%;line-height: 100%;font-family: Lobster,Helvetica,Arial,sans-serif;font-weight: normal;margin:-24px 0;}
a {color:#c85e3e;}
a:hover {color: #000;}
/*READON BUTTONS***************/
.readon {
background-color:#c85e3e;
border-bottom: 0;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
padding: 3px 23px;
font-family: Lobster,Helvetica,Arial,sans-serif;
font-weight:normal;
font-size:112%;
}
.readon:hover, #mainbody .readon:hover {background-color: #333;border-bottom: 0;}
#utility a.readon, #footer a.readon, #mainbottom a.readon {color: #fff;} /*RESET READON BUTTONS TO HAVE WHITE LINK COLOR*/
#footer .readon, #utility .readon {display: inline-block;
height: 50px;
margin: 0 0 0 21px;
background-color: transparent;
border: 0;
border-radius: 0;
padding: 0;
overflow: visible;
background-position: 100% 0;
background-repeat: no-repeat;
background-image: url(../images/style1/retro-readon2-r.png);
}
#footer .readon:hover, #utility .readon:hover {background-position: 100% -59px;}
#footer .readon:hover span, #utility .readon:hover span {background-position: 0 -59px; padding-top: 2px;}
#footer .readon span, #utility .readon span {
color: #333;
text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
display: block;
margin: 0 0 0 -21px;
padding: 0 30px;
border: 0;
cursor: pointer;
height: 50px;
line-height: 47px;
font-size: 20px;
overflow: visible;
font-weight: bold;
position: relative;
white-space: nowrap;
text-transform: none;
background-position: 0 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(../images/style1/retro-readon2-l.png);
}
#showcase .readon, #mainbottom .readon, #bottom .readon {
background-image: url(../images/style1/retro-readon-r.png);
height: 50px; display: inline-block;
height: 50px;
margin: 0 0 0 21px;
background-color: transparent;
border-radius: 0;
border: 0;
padding: 0;
overflow: visible;
background-position: 100% 0;
background-repeat: no-repeat;
color: #FFC322;
text-shadow: 2px 2px 1px rgba(0,0,0,0.3);
}
#showcase .readon span, #mainbottom .readon span, #bottom .readon span {
color: #953505;
text-shadow: 1px 1px 1px rgba(255,255,255,0.6);display: block;
margin: 0 0 0 -21px;
padding: 0 30px;
border: 0;
cursor: pointer;
height: 50px;
line-height: 47px;
font-size: 20px;
overflow: visible;
font-weight: bold;
position: relative;
white-space: nowrap;
text-transform: none;
background-position: 0 0;
background-repeat: no-repeat;
background-color: transparent;
font-family: Lobster,Helvetica,Arial,sans-serif;
background-image: url(../images/style1/retro-readon-l.png);
}
#showcase .readon:hover, #mainbottom .readon:hover, #bottom .readon:hover {
background-position: 100% -59px;
}
#showcase .readon:hover span, #mainbottom .readon:hover span, #bottom .readon:hover span {
background-position: 0 -59px; padding-top: 2px;
}
a.readon{text-decoration:none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;}
/*HEADER AREA*/
/*Header height since position is fixed - will need to be adjusted for different content*/
#header-height{height:107px; position: relative;}
#header {height:73px;background: none; text-align: center;color: #FAF2F0;font-size: 13px; position: relative;}
#header-a, #header-b, #header-c {text-align: left;}
#header-a{margin: 0 auto;padding: 0;}
/*Header fonts/shadows copying below*/
#header h3{text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-size: 25px;font-family: Georgia, sans-serif;font-weight: normal;color: #fff;}
/*Remove drop shadow from header and add dashed border*/
#header-surround {
background: #C64B27 url(../images/style1/headerpanel/topbar-overlay.png) 50% 0 repeat;
box-shadow: none;
border-bottom: dashed #000 1px;
position: relative;
}
/*Add header background*/
#header-fixed{position: fixed; width: 100%; z-index: 1000;}
#header-bottom-border {
background: url(../images/style1/headerpanel/header-divider2.png) 50% 0 repeat-x;
border-top: 1px solid #9A260D;
height: 16px;
}
/*DRAWER*/
#drawer-holder {background: #C64B27 url(../images/style1/headerpanel/header-bg2.png) 50% bottom;margin-bottom:-51px;}
#drawer {padding-top: 20px;color: #FAF2F0;font-size: 13px;text-align: center;}
/*Header fonts/shadows copying below*/
#drawer h3{
text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
font-size: 25px;
font-family: Georgia, sans-serif;
font-weight: normal;
color: #fff;
}
#drawer-a {text-align: left;}
/* SHOWCASE */
#showcase {
background: #C64B27 url(../images/style1/headerpanel/header-bg2.png) 50% top;
padding-top:48px;
padding-bottom: 96px;
font-size: 14px;
}
#showcase h3 {
font-family: Lobster,Helvetica,Arial,sans-serif;
font-size: 95px;
color: #FFF;
font-weight: normal;
text-shadow: -2px -2px 1px rgba(0,0,0,0.5);
margin: 20px 0 70px 0;
line-height: normal;
}
#showcase h4 {color: #fff;}
#showcase a{color: #fec23a;font-weight: bold; text-transform: uppercase;text-shadow: 2px 2px 1px rgba(0,0,0,0.3);}
#showcase a:hover{color: #fff;}
/*TOP AREA*/
#top-background {background: #2d2d2d url(../images/style1/showcasepanel/showcase-bg.png) 50% 0;}
#top {background: transparent;box-shadow: none;color: #8B8B8B;}
#top::after {content: '';}/*Removes arrow icon from background*/
#top h3{
clear:both;
font-family: Lobster,Helvetica,Arial,sans-serif;
font-size: 95px;
color: #ddd;
font-weight: normal;
text-shadow: -2px -2px 1px rgba(0,0,0,0.5);
margin: 20px 0 70px 0;
line-height: normal;
}
#top h3, #top h2, #top h4{color: #fff;}
#top a {color: #AEDCEC;text-shadow: 1px 1px 0 rgba(0,0,0,0.4);}
#top::after {content: '';}/*Removes arrow icon from background*/
/*UTILITY*/
#utility {
box-shadow: none; border: 0px;
background: #2d2d2d url(../images/style3/headerpanel/header-bg4.png) 50% 0; /* was images/style1/footerpanel/footer-bg.png*/
margin: 0;
padding: 10px 0 96px 0;
color: #ddd;
font-size: 14px;
}
#utility h3 {
text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
font-size: 25px;
font-family: Georgia, sans-serif;
font-weight: normal;
color: #ddd;
}
#utility a{color: #9be2ea;font-weight: bold; text-transform: uppercase;text-shadow: 2px 2px 1px rgba(0,0,0,0.6);}
#utility a:hover{color: #fff;}
ul.mod-menu.mod-list.nav{text-align:left;margin-left:-38px;}
ul.mod-menu.mod-list.nav li{list-style-type: none}
/*FEATURE AREA*/
#feature-background {background: #93D1BE url(../images/style1/featurepanel/feature-bg.png) 50% bottom;}
#feature-top-spikes {background: url(../images/style1/featurepanel/feature-divider1.png) 50% 0 repeat-x;height: 19px;margin-top: -19px;}
#feature-top-border {background: url(../images/style1/featurepanel/feature-accent.png) 50% 0 repeat-x;height: 90px;}
#feature {background: transparent; border-top: 0; padding-top: 0; padding-bottom: 0px;border: 0;color: #000;}
#feature h3{
font-family: Lobster,Helvetica,Arial,sans-serif;
font-size: 95px;
color: #ddd;
font-weight: normal;
text-shadow: -2px -2px 1px rgba(0,0,0,0.5);
margin: 20px 0 70px 0;
line-height: normal;
}
#feature h3, #feature h2, #feature h4{color: #fff;}
/*Fancy fonts for feature area*/
.rt-demo-header span {font-family: Lobster,Helvetica,Arial,sans-serif;display: block; font-size: 95px; line-height: 50px;}
.rt-demo-header span span {font-family: Helvetica,Arial,sans-serif; font-size: 16px; display: block; padding-left: 60px;}
.rt-demo-counts span, .rt-demo-button span {font-family: Helvetica,Arial,sans-serif; color: #fff; font-size: 16px; line-height: 25px;}
/*MAIN TOP AREA - SAME BACKGROUND AS FEATURE AREA*/
#maintop {
color: #6E6E6E;
background: #93D1BE url(../images/style1/featurepanel/feature-bg.png) 50% 0;
padding-bottom: 100px;
}
/*Header fonts/shadows copying below*/
#maintop h3 {
text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
font-size: 25px;
font-family: Georgia, sans-serif;
font-weight: normal;
color: #fff;
}
/*BREADCRUMBS*/
#breadcrumb .divider img {
height: 0;
width: 36px;
padding-top: 20px;
background-position: 5px -1608px;
background-repeat: no-repeat;
margin-bottom: -4px;
}
#breadcrumb .breadcrumb img, span.breadcrumbs img {
background-image: url(../images/style1/mainbodypanel/mainbody-arrows.png);
}
/*Breadcrumb Active Item Bold*/
.breadcrumb .pathway {font-weight: bold;}
#breadcrumb{color: #333;}
.breadcrumb {margin: 0 auto;padding: 0;}
/*CONTENT-TOP AREA*/
#content-top {background: transparent;}
/*MAIN-CONTENT AREA*/
#mainbody-background {
background: #fff url(../images/style1/mainbodypanel/mainbody-bg.png) 50% 0;
margin:0 auto;
padding:36px 4% 75px;
}
#mainbody {background: transparent;padding: 0;}
.page-header h1{color:#fff;font-size:247%;margin-top:24px;padding-bottom: 18px;}
#main-content {color: #333;}
#main-content h2{font-size: 32px; letter-spacing: -2px;font-family: Georgia, sans-serif; text-shadow: none; color: #333;}
/*SIDEBARS*/
#sidebar-a, #sidebar-b {background: transparent;border: none;}
.sidebar-b-container{width:28%;} /*Move left sidebar right by adding float: right;*/
#sidebar-a h3, #sidebar-b h3 {font-weight: normal;margin-top: 10px;font-family: Georgia, sans-serif; text-shadow: none; color: #333;}
/*MAIN BOTTOM AREA*/
#mainbottom-top-border{
background: url(../images/style1/bottompanel/bottom-divider3.png) 50% 0 repeat-x;
border-bottom: 1px solid #9A260D;
height: 20px;
margin-top: -20px;
}
#mainbottom {background: #C64B27 url(../images/style1/headerpanel/header-bg.png) 50% bottom;color: #fff;}
#maintop-bottom-border {
background: url(../images/style1/mainbodypanel/mainbody-divider1.png) 50% 0 repeat-x;
height: 85px;
margin-top: -35px;
margin-bottom:-18px;
position: relative;
}
#mainbottom h3{font-family:Lobster,Helvetica,Arial,sans-serif;font-size:175%;
text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
font-size: 25px;
font-family: Georgia, sans-serif;
font-weight: normal;
color: #fff;
}
#mainbottom a{color: #fec23a;font-weight: bold; text-transform: uppercase;text-shadow: 2px 2px 1px rgba(0,0,0,0.3);}
#mainbottom a:hover{color: #fff;}
/*EXTENSION AREA*/
#extension {background: #C64B27 url(../images/style1/headerpanel/header-bg.png)50% top; color: #fff;}
#extension a{color: #fec23a;font-weight: bold; text-shadow: 2px 2px 1px rgba(0,0,0,0.3);}
#extension a:hover{color: #fff;}
/*FULLWIDTH AREA*/
#fullwidth {background: #2d2d2d url(../images/style1/showcasepanel/showcase-bg.png) 50% 0; color: #8B8B8B;}
#fullwidth h3{font-family:Lobster,Helvetica,Arial,sans-serif;font-size:175%;
text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
font-size: 25px;
font-family: Georgia, sans-serif;
font-weight: normal;
color: #fff;
}
#fullwidth h3, #fullwidth h2, #fullwidth h4{color: #fff;}
#fullwidth a {color: #AEDCEC;text-shadow: 1px 1px 0 rgba(0,0,0,0.4);}
/*BOTTOM AREA*/
#bottom {background: #C64B27 url(../images/style1/headerpanel/header-bg.png) 50% top;color: #fff;}
/*Header fonts/shadows copying below*/
#bottom h3{
text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
font-size: 25px;
font-family: Georgia, sans-serif;
font-weight: normal;
color: #fff;
}
#bottom a{color: #fec23a;font-weight: bold; text-transform: uppercase;text-shadow: 2px 2px 1px rgba(0,0,0,0.3);}
#bottom a:hover{color: #fff;}
/*FOOTER AREA*/
#footer-top-border {background: url(../images/style1/footerpanel/footer-divider1.png) 50% 0 repeat-x;height: 19px;margin-top: -19px;}
#footer {
box-shadow: none;
border: 0px;
background: #2d2d2d url(../images/style1/footerpanel/footer-bg.png) 50% 0;
color: #ddd;
font-size: 14px;
padding:57px 0;
}
#footer a{color: #9be2ea;font-weight: bold; text-transform: uppercase;text-shadow: 2px 2px 1px rgba(0,0,0,0.6);}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;}
/*COPYRIGHT AREA*/
#copyright{
box-shadow: none;
border: 0px;
/*background: #2d2d2d url(../images/style1/footerpanel/footer-bg.png) 50% 0;*/
background-color:#000;
color: #ddd;
font-size: 13px;
padding-top: 40px;
padding-bottom: 20px;
}
#copyright h2, #copyright h3, #copyright h4{font-family: Georgia, sans-serif;}
#copyright h3{font-size:190%;}
/*DEBUG/ANALYTICS AREA*/
#debug, #analytics{
color: #6E6E6E;
}
/*TEXT BOXES*/
fieldset {border: 0;}
input {position: relative;z-index: 100;border-radius: 8px;padding: 6px 4px;}
/*LOGIN LINK ARROWS*/
.moduletablelogin ul {margin: 5px 0 0 0; padding: 0;}
.moduletablelogin ul li {padding: 6px 0 6px 30px;
background-position: 0 5px;
background-repeat: no-repeat;
display: inline-block;
font-weight: normal;
background: url(../images/style1/mainbodypanel/mainbody-arrows.png) no-repeat 0px 9px;}
/*MODULE VARIATIONS*/
.moduletablebox1 {
background-color: rgba(0,0,0, .1);
border-radius: 10px;
padding: 1px 15px 15px 15px;
margin-bottom: 10px;
}
.moduletablebox2 {
background-color: rgba(0,0,0, .2);
border-radius: 10px;
padding: 1px 15px 15px 15px;
margin-bottom: 10px;
}
.moduletablebox3 {
background-color: rgba(0,0,0, .1);
border-radius: 10px;
padding: 1px 15px 15px 15px;
margin-bottom: 10px;
}
.moduletablebox4 {
background-color: rgba(255,255,255, .1);
border-radius: 10px;
padding: 1px 15px 15px 15px;
margin-bottom: 10px;
}
.moduletablebox5 {
background-color: rgba(0,0,0, .2);
border-radius: 10px;
padding: 1px 15px 15px 15px;
margin-bottom: 10px;
}
.moduletablebox6 {
background-color: rgba(255,255,255, .3);
border-radius: 10px;
padding: 1px 15px 15px 15px;
margin-bottom: 10px;
}
.moduletable{margin-bottom: 10px;}
/*FLOAT LEFT DIV*/
.floatleft {float: left; margin-right: 5px;}
/*LAYOUT ADJUSTMENTS*/
.width-30{width:30%;max-width: 300px;}
.width-45{width:45%; max-width: 468px;}
.width-95, #mainbody, #breadcrumb {width:95%; max-width: 990px;}
/*MENU*********************/
div#maximenuck170 {font-size: 18px;}
/*remove white border from top of active item*/
div#maximenuck170 .maxiFancybackground .maxiFancycenter {border-top: 0;}
/*remove background on entire menu*/
div#maximenuck170 ul.maximenuck {
background: none;
border: none;
font-family: Georgia, sans-serif;
border-left: 1px dashed #561708;
padding: 0;
}
div#maximenuck170 ul.maximenuck li.maximenuck.level1 {border-right: 1px dashed #561708;}
div#maximenuck170 ul.maximenuck li.maximenuck.level1 > a {text-transform: uppercase;}
/*Remove transparent border from bottom of each element*/
div#maximenuck170 ul.maximenuck li.maximenuck.level1 {border-bottom: none;}
/*change hover background*/
div#maximenuck170 ul.maximenuck li.maximenuck.level1:hover,
div#maximenuck170 ul.maximenuck li.maximenuck.level1.active,
div#maximenuck170 ul.maximenuck li.maximenuck.level1.clickedck {
background: none;
border-bottom: none;
}
div#maximenuck170 ul.maximenuck li.maximenuck.level1:hover a,
div#maximenuck170 ul.maximenuck li.maximenuck.level1.active a,
div#maximenuck170 ul.maximenuck li.maximenuck.level1.clickedck a {
background: #fff;
border-bottom: none;
}
/*reset backgrounds for submenu links*/
div#maximenuck170 ul.maximenuck li.maximenuck.level1:hover li a,
div#maximenuck170 ul.maximenuck li.maximenuck.level1.active li a,
div#maximenuck170 ul.maximenuck li.maximenuck.level1.clickedck li a {
background: none;
}
div#maximenuck170 ul.maximenuck li.maximenuck.level1:hover > a,
div#maximenuck170 ul.maximenuck li.maximenuck.level1.active > a {
color: #922914;
text-shadow: 1px 1px 2px rgba(255,255,255,.5);
}
/*shadow on inactive items*/
div#maximenuck170 ul.maximenuck li.maximenuck.level1 > a{
text-shadow: 2px 2px 2px rgba(0,0,0,.5);
}
div#maximenuck170.maximenuckh ul.maximenuck li.level1.parent > a,
div#maximenuck170.maximenuckh ul.maximenuck li.level1.parent > span.separator {
padding-right: 30px;
}
/* arrow image for parent item */
div#maximenuck170.maximenuckh ul.maximenuck li.level1.parent > a:after,
div#maximenuck170.maximenuckh ul.maximenuck li.level1.parent > span.separator:after {
border-top: 5px solid #000;right: 13px;}
/*arrow on sub items*/
div#maximenuck170 ul.maximenuck2 li.parent > a:after,
div#maximenuck170 ul.maximenuck2 li.parent > span:after {
border-left: 5px solid #000;
}
/*remove left border on dropdowns*/
div#maximenuck170 ul.maximenuck li ul.maximenuck2 li.maximenuck,
div#maximenuck170 ul.maximenuck2 li.maximenuck {
margin: 0px;
font-size: 15px;
}
div#maximenuck170 div.floatck, div#maximenuck170 ul.maximenuck li.maximenuck div.floatck div.floatck {
box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
}
div#maximenuck170 div.floatck
{margin-left:-34px;}
/*dropdown link colors*/
div#maximenuck170 ul.maximenuck li.maximenuck a,
div#maximenuck170 ul.maximenuck li.maximenuck span.separator,
div#maximenuck170 ul.maximenuck2 a,
div#maximenuck170 ul.maximenuck2 li.maximenuck span.separator {
color: #922914;
text-shadow: 1px 1px 0 rgba(255,255,255,1);
}
/*Dropdown active link colors*/
div#maximenuck170 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a,
div#maximenuck170 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a,
div#maximenuck170 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,
div#maximenuck170 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a,
div#maximenuck170 ul.maximenuck2 li:hover > a,
div#maximenuck170 ul.maximenuck2 li:hover > h2 a,
div#maximenuck170 ul.maximenuck2 li:hover > h3 a,
div#maximenuck170 ul.maximenuck2 li.active > a {color: #000;}
div#maximenuck170 ul.maximenuck2 a,
div#maximenuck170 ul.maximenuck2 li.maximenuck span.separator {font-family: Arial, sans-serif;font-size: 14px;}
/*dropdown hover color*/
div#maximenuck170 ul.maximenuck li.maximenuck ul.maximenuck2 li.maximenuck li:hover > a,
div#maximenuck170 ul.maximenuck2 li.maximenuck li.maximenuck:hover > a,
div#maximenuck170 ul.maximenuck2 li.maximenuck li.maximenuck:hover > span.separator,
div#maximenuck170 ul.maximenuck2 ul.maximenuck2:hover > a,
div#maximenuck170 ul.maximenuck2 ul.maximenuck2 li.maximenuck:hover > span.separator,
div#maximenuck170 ul.maximenuck li ul.maximenuck2 li.maximenuck li.maximenuck.openck > a ,
div#maximenuck170 ul.maximenuck li ul.maximenuck2 li.maximenuck li.maximenuck.clickedck > a {color: #000;}
/*dropdown background*/
div#maximenuck170 ul.maximenuck li ul.maximenuck2 li.maximenuck,
div#maximenuck170 ul.maximenuck li ul.maximenuck2 li.maximenuck,
div#maximenuck170 ul.maximenuck li ul.maximenuck2 li.maximenuck {background: #fff;}
/*dropdown hover background*/
div#maximenuck170 ul.maximenuck li ul.maximenuck2 li.maximenuck:hover,
div#maximenuck170 ul.maximenuck li ul.maximenuck2 li.maximenuck.openck,
div#maximenuck170 ul.maximenuck li ul.maximenuck2 li.maximenuck.clickedck {background: #fff;}
/* changes for w2w */
div#maximenuck170 div.maxidrop-main
{width:384px;}
div#maximenuck170 div.floatck
{margin-left:-34px;}
div#maximenuck170 ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck170 ul.maximenuck2
{background-color:#fff;}
div#maximenuck170 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck170 ul.maximenuck2 li.maximenuck{
display:inline-block !important;}
ul.nav.menu.mod-list{list-style: none;margin-left:-26px;font-weight:bold;text-shadow: 1px 1px 1px rgba(255,255,255,0.5);}
.visCSSlabel{width:95%;}
#sidebar-a{margin-left:0;margin-right:6%;width:83%;}
#showcase-a{width:100%;}
#showcase-a .width-95{width:100%;max-width:100%;}
.font131-left{font-size:131%;text-align:left;line-height:35px;}
#mod-search-searchword153 {width:94%;}
/*copied from demo-styles.css - helped with speaker area**************/
/* Frontpage Content */
.rt-demo-header .headline {margin-top:0px;}
.rt-demo-header .rt-demo-counts {overflow:hidden;padding-top:30px;}
.rt-demo-header .rt-demo-count {width:105px;height:140px;float:left;}
.rt-demo-header .rt-demo-count span {font-size:75px;line-height:80px;display:block;text-align:center;font-weight:normal;text-shadow: 2px 2px 0px rgba(0,0,0,0.3);}
.rt-demo-header .rt-demo-count em {clear:left;font-size:16px;display:block;text-align:center;font-weight:bold;}
.rt-demo-header .rt-demo-button {padding-left:20px;margin-right:-30px;}
.rt-demo-button > div {float:left;}
.rt-demo-button > div:first-child {margin-right:15px;}
.roktabs .flush-image {border-top-left-radius:8px;border-top-right-radius:8px;}
.rt-demo-avatar {float: left;width:170px;}
.rt-demo-bio {margin-left:185px;}
.rt-demo-speaker .image-rounded {border-radius:8px;}
.rt-demo-speaker .readon {margin-top:10px !important;}
.rt-demo-speaker .rt-block {margin:0 auto;padding:10px;text-align:center;}
.rt-demo-speaker h4 {font-weight:normal;font-size: 16px;opacity:0.7;}
.rt-demo-sponsors {width:451px;height:192px;}
.rt-demo-sponsor-become {text-align:center;margin-top:40px;}
.rt-demo-location {padding-top: 10px;margin-left:500px;}
.rt-demo-title {font-size:40px;line-height:40px;margin-bottom:15px;}
.rt-demo-address {font-size:18px;opacity:0.7;margin-bottom:5px;font-weight:bold;}
.rt-demo-phone {font-size:18px;font-weight:bold;margin-bottom:25px;}
.rt-demo-register {margin-left:500px;}
.rt-demo-price {font-size:80px;line-height:80px;display:block;float:left;margin-right:40px;}
.rt-demo-buttons {margin-top:35px;}
.rt-demo-buttons > .readon {margin-top:15px !important;}
li.item159 > a.item {display:none !important;}
li.item159 .fusion-module {margin:-5px -15px -15px -5px;}
.menu-preset {width:90px;float:left;margin: 0 7px 10px;text-align:center;font-weight:bold;}
.menu-preset img {box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
/* Roksprocket Tabs for FP */
.sprocket-tabs-panels{background: #A93E1C;}
.sprocket-tabs-nav{background: #A93E1C;}
.layout-bottom .sprocket-tabs-nav > li > .sprocket-tabs-inner{background: #853a23;}
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner{background: #EA6942;}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*ROKFEATURETABLE******/
.featuretable-cell {border-top: 1px solid rgba(255,255,255,0.5);border-right: 1px solid rgba(255,255,255,0.5);background: url(../images/light-10.png);text-shadow: 1px 1px 0 rgba(255,255,255,0.4); font-size: 14px;border-left: none;}
.ft-row-even {background: url(../images/dark-10.png)}
.ft-column-first .featuretable-cell {border-left: 1px solid rgba(255,255,255,0.5);}
.ft-row-bottom {border-bottom: 1px solid rgba(255,255,255,0.1);}
.ft-highlight .featuretable-cell {background: url(../images/light-30.png);text-shadow: 1px 1px 0 rgba(255,255,255,0.6);border-top: 1px solid rgba(255,255,255,0.5);}
.ft-highlight .ft-row-even {background: url(../images/light-10.png);}
.ft-highlight .ft-row-bottom {border-bottom: 1px solid rgba(255,255,255,0.1);}
.ft-highlight.ft-column-first .featuretable-cell {border-left: 1px solid rgba(255,255,255,0.5);}
.ft-highlight.ft-column-last .featuretable-cell {border-right: 1px solid rgba(255,255,255,0.5);}
.ft-row-top .featuretable-cell-data {
font-family: Lobster,Helvetica,Arial,sans-serif; font-size: 45px;
font-weight: normal;
line-height: 50px;color: #AEDCEC;
}
.ft-highlight .ft-row-top .featuretable-cell-data {
color: #fff;
}
#top a, .ft-row-top .featuretable-cell-data, .ft-row-top .featuretable-cell-sub {
color: #99E2EB;
}
#top .featuretable-cell, #top .featuretable-cell h4 {
text-shadow: -1px -1px 1px rgba(0,0,0,0.4); color: #fff;}
#top .featuretable-cell-sub {font-weight: bold; font-size: 12px;}
#top .featuretable-cell h4 {font-size: 16px; margin: 5px 0 5px 0;}
.ft-row-bottom, .ft-highlight .ft-row-bottom {
border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.ft-row-top .featuretable-cell-sub {color: #AEDCEC; font-size: 16px !important;}
.ft-highlight .ft-row-top .featuretable-cell-sub {color: #fff;}
/* hide slider gray bar overlay for titles */
.layout-slideshow .sprocket-features-content{background:none;}
/*RESPONSIVE CSS*/
.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}
@media only screen and (max-width: 1200px) {
.show-over-1200{display:none;}
.show1200{display:block;}
.fp-round-image-bottom-first-image{display:none;}
}
@media only screen and (max-width: 960px) {
.show960{display:block;}
.hide960{display:none;}
#showcase-a, #showcase-b, #showcase-c{width:100%;display:inline-block;} /* changed from 90% to 100% for w2w */
#bottom-a, #bottom-b, #bottom-c{width:90%;display:inline-block;}
#showcase-b, #showcase-c{margin: 104px auto 0;}
}
@media screen and (max-width: 950px) {
/*remove border on right side*/
div#maximenuck170 ul.maximenuck li.maximenuck.level1, div#maximenuck170 ul.maximenuck {border-right: NONE; border-left: none;}
/*remove shadow on inactive items*/
div#maximenuck170 ul.maximenuck li.maximenuck.level1 > a{text-shadow: none; color: #000;}
#maximenuck170 ul.maximenuck .maximenumobiletogglerck:checked ~ li.maximenuck.level1{background-color:#fff;margin-top:-3px;}/* give menu background a white bkg */
#maximenuck170 .maximenumobiletogglericonck {
display: block !important;font-size: 33px !important;text-align: right !important;padding-top: 10px !important;}
#maximenuck170 ul.maximenuck .maximenumobiletogglerck ~ li.maximenuck.level1 {display: none !important;}
#maximenuck170 ul.maximenuck .maximenumobiletogglerck:checked ~ li.maximenuck.level1 {display: block !important;}
div#maximenuck170 ul.maximenuck li.maximenuck.nodesktopck, div#maximenuck170 .maxipushdownck ul.maximenuck2 li.maximenuck.nodesktopck {
display: none !important; }
/*Copied from maximenuresponsiveck.css*/
div.maximenuckh {
height: auto !important;
}
.maximenuckh li.maxiFancybackground {
display: none !important;
}
div.maximenuckh ul:not(.noresponsive) {
height: auto !important;
padding-left: 0 !important;
/*padding-right: 0 !important;*/
}
div.maximenuckh ul:not(.noresponsive) li {
float :none !important;
width: 100% !important;
box-sizing: border-box;
/*padding-right: 0 !important;*/
padding-left: 0 !important;
padding-right: 0 !important;
margin-right: 0 !important;
}
div.maximenuckh ul:not(.noresponsive) li > div.floatck {
width: 100% !important;
box-sizing: border-box;
right: 0 !important;
left: 0 !important;
margin-left: 0 !important;
position: relative !important;
/*display: none;
height: auto !important;*/
}
div.maximenuckh ul:not(.noresponsive) li:hover > div.floatck {
/*display: block !important;*/
position: relative !important;
margin-left: 0 !important;
}
div.maximenuckh ul:not(.noresponsive) div.floatck div.maximenuck2 {
width: 100% !important;
}
div.maximenuckh ul:not(.noresponsive) div.floatck div.floatck {
width: 100% !important;
margin: 20px 0 0 0 !important;
}
div.maximenuckh ul:not(.noresponsive) div.floatck div.maxidrop-main {
width: 100% !important;
}
div#maximenuck170 div.maxidrop-main
{width:340px;}
div.maximenuckh ul:not(.noresponsive) li.maximenucklogo img {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
/* for vertical menu */
div.maximenuckv {
height: auto !important;
}
.maximenuckh li.maxiFancybackground {
display: none !important;
}
div.maximenuckv ul:not(.noresponsive) {
height: auto !important;
padding-left: 0 !important;
/*padding-right: 0 !important;*/
}
div.maximenuckv ul:not(.noresponsive) li {
float :none !important;
width: 100% !important;
/*padding-right: 0 !important;*/
padding-left: 0 !important;
margin-right: 0 !important;
}
div.maximenuckv ul:not(.noresponsive) li > div.floatck {
width: 100% !important;
right: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
position: relative !important;
left: 0 !important;
/*display: none;
height: auto !important;*/
}
div.maximenuckv ul:not(.noresponsive) li:hover > div.floatck {
/*display: block !important;*/
position: relative !important;
margin-left: 0 !important;
}
div.maximenuckv ul:not(.noresponsive) div.floatck div.maximenuck2 {
width: 100% !important;
}
div.maximenuckv ul:not(.noresponsive) div.floatck div.floatck {
width: 100% !important;
margin: 20px 0 0 0 !important;
}
div.maximenuckv ul:not(.noresponsive) div.floatck div.maxidrop-main {
width: 100% !important;
}
div.maximenuckv ul:not(.noresponsive) li.maximenucklogo img {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
/* added to adjust placement */
div#maximenuck170{
padding-top:0;
margin-top: -24px;
padding-right: 12px;
padding-bottom:0px;
}
div#maximenuck170 ul.maximenuck li.maximenuck.level1{text-align:right;}
div#maximenuck170 ul.maximenuck li.maximenuck.level1.item120{margin-right:10px;}
div#maximenuck170 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck170 ul.maximenuck2 li.maximenuck{text-align:right;}
div#maximenuck170 div.floatck{right:36px}
div#maximenuck170 ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck170 ul.maximenuck2{padding:0 !important;border:0 !important;}
}
@media (max-width: 767px) {
#showcase-a, #footer-a {display:inline-block;}
div#maximenuck170 ul.maximenuck li.maximenuck.level1{padding: 4px 6px 2px 6px;}
}
@media (max-width: 524px) {
.show524{display:block;}
.hide524{display:none;}
#drawer{margin-top:-50px;} /* was position:fixed; */
div#maximenuck170{padding-bottom:0px;}
div#maximenuck170 ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck170 ul.maximenuck2{border:0 !important;padding:0px !important;}
div#maximenuck170 ul.maximenuck li.maximenuck.level1.first{padding-top:40px;margin-top:-40px !important;}
#header{padding-bottom:0}
#drawer-holder{margin-top:28px;}
}
/*STYLE 3*************/
/*HEADER AREA*/
#header-surround {
background-color: #779494;
}
/*Breadcrumbs*/
#breadcrumb .breadcrumb img, span.breadcrumbs img {
background-image: url(../images/style3/mainbodypanel/mainbody-arrows.png);
}
/*Border color for under header and between menu items*/
#header-surround, div#maximenuck170 ul.maximenuck, div#maximenuck170 ul.maximenuck li.maximenuck.level1 {
border-color: #2b4141;
}
#header-bottom-border {
background: url(../images/style3/headerpanel/header-divider2.png) 50% 0 repeat-x;
border-top: 1px solid #556C6C;
height: 20px;
}
/*DRAWER/SHOWCASE AREA*/
#drawer-holder {
background: #779494 url(../images/style3/headerpanel/header-bg4.png) 50% bottom;
}
#drawer {color: #fff;}
#showcase {
background: #779494 url(../images/style3/headerpanel/header-bg4.png) 50% top;
}
/*FEATURE AREA*/
#feature-background {
background: #DE7E3A url(../images/style3/featurepanel/feature-bg.png) 50% bottom;
}
#feature-top-spikes {
background: url(../images/style3/featurepanel/feature-divider5.png) 50% 0 repeat-x;
}
#feature-top-border {
background: url(../images/style3/featurepanel/feature-accent.png) 50% 0 repeat-x;
background: none;
}
/*MAINTOP AREA*/
#maintop {
background: #DE7E3A url(../images/style3/featurepanel/feature-bg.png) 50% bottom;
color: #000;
}
#maintop h4 {color: #5A3E2C;}
#maintop-bottom-border {background: url(../images/style3/mainbodypanel/mainbody-divider1.png) 50% 0 repeat-x;}
/*MAINBODY AREA*/
#mainbody-background {
background: #EBE3D5 url(../images/style3/mainbodypanel/mainbody-bg.png) 50% 0;}
/*MAIN BOTTOM AREA*/
#mainbottom-top-border{
background: url(../images/style3/bottompanel/bottom-divider3.png) 50% 0 repeat-x;
border-color: #556C6C;
}
#mainbottom {
background: #779494 url(../images/style3/headerpanel/header-bg2.png) 50% bottom;
}
/*EXTENSION AREA*/
#extension {background: #779494 url(../images/style3/headerpanel/header-bg2.png)50% top; color: #fff;}
#extension a{color: #fec23a;font-weight: bold; text-shadow: 2px 2px 1px rgba(0,0,0,0.3);}
#extension a:hover{color: #fff;}
/*BOTTOM AREA*/
#bottom {
background: #89964E url(../images/style3/headerpanel/header-bg2.png) 50% top;
color: #fff;
}
/*FOOTER AREA*/
#footer-top-border {
background: url(../images/style3/footerpanel/footer-divider4.png) 50% 0 repeat-x;
}
/*MAIN LINK AND BUTTON COLOR*/
a {color:#a43530;}
.readon {background-color:#a43530;}
#mainbody .readon {background-color:#657e7d;}
#mainbody a{color: #657e7d;}
#breadcrumb a {color: #657e7d}
#footer a, #utility a, #showcase a, #mainbottom a, #bottom a, #extension a {color: #fd935b;}
.readon a, #mainbody .readon {color: #fff;}
/*MAIN MENU LINK COLOR*/
div#maximenuck170 ul.maximenuck li.maximenuck.level1:hover > a,
div#maximenuck170 ul.maximenuck li.maximenuck.level1.active > a,
div#maximenuck170 ul.maximenuck li.maximenuck a,
div#maximenuck170 ul.maximenuck li.maximenuck span.separator,
div#maximenuck170 ul.maximenuck2 a,
div#maximenuck170 ul.maximenuck2 li.maximenuck span.separator {
color: #667f7e;
}
/*READON BUTTON IMAGES*/
#showcase .readon, #mainbottom .readon, #bottom .readon {
background-image: url(../images/style3/retro-readon-r.png);
}
#showcase .readon span, #mainbottom .readon span, #bottom .readon span {
background-image: url(../images/style3/retro-readon-l.png);
}
/*ROKTABS******/
.roktabs {background: #647A7A;}
.roktabs-links ul li.active, .roktabs-wrapper .arrow-next:hover, .roktabs-wrapper .arrow-prev:hover, #rt-bottom-panel .roktabs-links ul li.active, #rt-bottom-panel .roktabs-wrapper .arrow-next:hover, #rt-bottom-panel .roktabs-wrapper .arrow-prev:hover {background: #FD935B;}
/* Roksprocket Tabs for FP */
.sprocket-tabs-panels{background: #647A7A;}
.sprocket-tabs-nav{background: #647A7A;}
.layout-bottom .sprocket-tabs-nav > li > .sprocket-tabs-inner{background: rgba(0,0,0,.2);}
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner{background: #fd935b;}
/*ROKFEATURETABLE******/
#top a, .ft-row-top .featuretable-cell-data, .ft-row-top .featuretable-cell-sub {
color: #FF9354;
}
/* don't use hide 959 for some reason that is coded into areas on the website */
.show1000{display:none;}
#maximenuck178{display:none;}
@media only screen and (max-width: 1000px) {
.show1000{display:block;}
.hide1000{display:none;}
#maximenuck178{display:block;}
#maximenuck170{display:none;}
}
@media only screen and (max-width: 767px) {
#utility-b, #utility-c{margin:-37px auto 0}
#feature-b, #feature-c{margin:30px auto 0}
}
@media only screen and (max-width: 630px) {
.hide630{display:none;}
#showcase{padding-top:0;padding-bottom:0}
#header-height {height:96px;}
}
@media (max-width: 524px) {
.hide524{display:none;}
/* adjustments for fitting on mobile */
.rt-demo-header span {font-size: 79px; line-height: 50px;}
.rt-demo-header .rt-demo-count span{font-size:47px;}
.rt-demo-header .rt-demo-count{width:79px;}
.rt-demo-header .rt-demo-button{padding-left:0;}
h3{} /* was font-size:75px; */
#top h3{} /* was font-size:75px; */
#showcase-a h3, #showcase-b h3, #showcase-c h3{font-size:33px;margin-bottom:19px;}
#top-a h3, #top-b h3, #top-c h3{font-size:33px;margin-bottom:19px;}
#feature-a h3, #feature-b h3, #feature-c h3{font-size:33px;margin-bottom:19px;}
#expandedtop-a h3, #expandedtop-b h3, #expandedtop-c h3{font-size:33px;}
#extension-a h3, #extension-b h3, #extension-c h3{font-size:33px;}
#sidebar-a h3, #sidebar-b h3, #sidebar-c h3{font-size:33px;}
#content-top-a h3, #content-top-b h3, #content-top-c h3{font-size:33px;}
#content-bottom-a h3, #content-bottom-b h3, #content-bottom-c h3{font-size:33px;}
#expandedbottom-a h3, #expandedbottom-b h3, #expandedbottom-c h3{font-size:33px;margin-bottom:19px;}
#feature h3{font-size:75px;}
#footer h3{font-size:19px;}
h1{font-size:607%;}
.rt-demo-price{float:none;margin-right:0;}
}