/* * Compressor: https://cssminifier.com/ NO LONGER USED.... SEE cmscommon_core_src.css */ /* content box */ html {height:100%;} body {height:100%;width:100%;padding:0;margin:0;overflow-x:hidden;} /* original */ body { margin: 0px; padding: 0px; } /* caused bug in IE #_____ContentCMS img { max-width: 100%; } */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;} #cboxWrapper {max-width:none; } #cboxOverlay{position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; } #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{ background: #222; opacity: 0.9; filter: alpha(opacity = 90);} #cboxOverlay.hideOverlay{display:none!important}/*AJ customisaion option in style modal popup*/ #cboxOverlay.hideOverlayandClose{display:none!important}/*AJ customisaion option in style modal popup*/ #colorbox.hideOverlayandClose #cboxLoadedContent {margin-bottom: 0;} #colorbox.hideCloseButton #cboxLoadedContent {margin-bottom: 0;} #colorbox{outline:0;} #cboxContent{background:#fff; overflow:hidden; border: 6px solid white; } .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:30px; color: #222; } #cboxTitle{position:absolute; bottom:4px; top: auto; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(/uploads/js/colorbox_1_4_33/example1/images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/uploads/js/colorbox_1_4_33/example1/images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/uploads/js/colorbox_1_4_33/example1/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/uploads/js/colorbox_1_4_33/example1/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/uploads/js/colorbox_1_4_33/example1/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} .colorboxError, .colorboxMessage { min-width: 200px; min-height: 40px; } .colorboxError { color: red; } /* COLORBOX OVERRIDES - n othank you... reuben */ /* #cboxWrapper H1, #cboxWrapper H2, #cboxWrapper H3 {color: #000 ;} #cboxWrapper A {color: #000;} #cboxWrapper A:link {color: blue;} #cboxWrapper A:active {color: blue;} #cboxWrapper A:hover {color: red;} #cboxWrapper A:visited {color: blue;} #cboxWrapper body, #cboxWrapper td, #cboxWrapper p {color: #000;} */ #cboxLoadedContent { padding: 2px; } @media (max-width: 600px) { #cboxCurrent {display:none;} /*AJ reduce default margin 80px on mobile to reduce gappiness*/ .is-container.is-default-margin{ margin-top:20px!important; margin-bottom:20px!important; } div#cmsBannerContainer.captionTypeLeft .cmsBannerCaptionContainer {left: 5%; width: 90%;} div#cmsBannerContainer.captionTypeRight .cmsBannerCaptionContainer {right: 5%; width: 90%;} div#cmsBannerContainer.captionTypeCenter .cmsBannerCaptionContainer {left: 5%; width: 90%;} } /*make colourbox a decent size minimum doesn't work well in latest colourbox*/ img.cboxPhoto { min-height: 160px; min-width: 160px;} #homePageWidget { margin-left: 10px; margin-bottom: 10px; text-align: left;} #homePageWidget h3 { margin: 0px; padding: 3px 0px 3px 6px; border-bottom: dashed 1px #999999; background-color: #CCCCCC; color: #333333; font-size: 12px; font-weight: bold;} /* * PinIt styles */ .pinItBtn { display: block; width: 43px; height: 20px; cursor: pointer; background: 0 -7px url('/uploads/js/pinit/pinit-sprite.png');} .pinItBtn:hover { background-position: 0 -28px; } .pinItBtn:active { background-position: 0 -49px; } .red { color: red; } .blue { color: blue; } .green { color: green; } .noDecoration { text-decoration: none; border: none; background: none; color: inherit; } /* img 100% causing many issues, but it's important it remains it is not good to prefix the img with #content, as it needs to be replciated in every img reference... */ img { max-width: 100%; /*image-orientation: none; ignore EXIF*/ } p>img[align="right"],p>img[align="left"] { max-width: 40%; } /* fix a general template issue with a 1px td cell */ #container table td .banner img { max-width: none; } /*allow customer nav buttons to auto expand to their full pixel width, in a horizontal menu , but not going crazy in a vertical menu*/ #nav img, #catnav img { max-width:250px; } /*to ensure it pops up over others, needs be position relative or absolute */ #menu ul ul, #nav ul , #catnav ul { z-index: 9998;} img.pagebanner{width:100%;max-width:none;} .hide, .hidden,.cmsHidden,.cmsHomePage .hideForHome,.ProductList .hideForProductList{ display:none!important; } @media (max-width: 560px) { /*mobile classes - using !important to override inline styles set on snippets*/ .hideForMobile,.desktop,.cmsHomePage .hideForHome { display:none; } table.mobileBreakTable>tbody>tr>th , table.mobileBreakTable>tr>th , table.mobileBreakTable>tbody>tr>td , table.mobileBreakTable>tr>td { display:block; width: 100%; } table.tableScroll, .tableScroll table{ display:block; overflow-x: auto; } table.tableScroll tbody, .tableScroll table tbody{ display:block; } /*mobile section text align - target children*/ .mobileSTextLeft *{text-align:left!important;} .mobileSTextCenter *{text-align:center!important;} .mobileSTextRight *{text-align:right!important;} .mobileTextLeft,.mobileTextLeft *{text-align:left!important;} .mobileTextCenter,.mobileTextCenter *{text-align:center!important;} .mobileTextRight,.mobileTextRight *{text-align:right!important;} .mobileWidthFull{width:100%!important;margin-left:0!important;margin-right:0!important;max-width:none!important;} .is-section.mobileWidthFull .is-container {width: 100%!important;max-width: 100%!important;margin-left:0!important;margin-right:0!important;} .mobileWidthHalf{width:50%!important;margin-left:0!important;margin-right:0!important;float:left;} .mobileWidthHalfCenter{width:50%!important;margin-left:auto!important;margin-right:auto!important;} .mobileWidthHalf + .mobileWidthHalf::after {content: "";clear: both;display: table;} .mobilePadLeft{padding-left:1rem;} .mobilePadRight{padding-right:1rem;} .mobileCPad{padding:0!important;} .mobHPad{padding-right:1rem!important;padding-left:1rem!important;} .mobNoHPad{padding-right:0!important;padding-left:0!important} .mobileLine *,.mobileLine{line-height:1.0em!important;} .mobileLine12 *,.mobileLine12{line-height:1.2em!important;} .mobileMMargin h1,.mobileMMargin h2,.mobileMMargin h3,.mobileMMargin h4,.mobileMMargin p{margin-top:0.5rem!important;margin-bottom:0.5rem!important;} .mobNoMargin{margin:0!important;} .mobNegM{margin-right:-1rem!important;margin-left:-1rem!important;} .mobNegM2{margin-right:-2rem!important;margin-left:-2rem!important;} .mobNegMRight{margin-right:-1rem!important;} .mobNegMLeft{margin-left:-1rem!important;} .mobNegMRight2{margin-right:-2rem!important;} .mobNegMLeft2{margin-left:-2rem!important;} .mobileBlock{display:block!important;} .mobileFlex{display:flex!important;} .row.mobileFont1 *,.column.mobileFont1 *,.mobileFont1{font-size:0.5vW!important;} .row.mobileFont2 *,.column.mobileFont2 *,.mobileFont2{font-size:1vW!important;} .row.mobileFont3 *,.column.mobileFont3 *,.mobileFont3{font-size:1.5vW!important;} .row.mobileFont4 *,.column.mobileFont4 *,.mobileFont4{font-size:2vW!important;} .row.mobileFont5 *,.column.mobileFont5 *,.mobileFont5{font-size:2.5vW!important;} .row.mobileFont6 *,.column.mobileFont6 *,.mobileFont6{font-size:3vW!important;} .row.mobileFont7 *,.column.mobileFont7 *,.mobileFont7{font-size:4vW!important;} .row.mobileFont8 *,.column.mobileFont8 *,.mobileFont8{font-size:5vW!important;} .row.mobileFont9 *,.column.mobileFont9 *,.mobileFont9{font-size:6vW!important;} .row.mobileFont10 *,.column.mobileFont10 *,.mobileFont10{font-size:8vW!important;} .row.mobileFont11 *,.column.mobileFont11 *,.mobileFont11{font-size:10vW!important;} .row.mobileFont12 *,.column.mobileFont12 *,.mobileFont12{font-size:12vW!important;} .mobScale09{transform: scale(0.9);} .mobScale085{transform: scale(0.85);} .mobScale08{transform: scale(0.8);} .mobScale075{transform: scale(0.75);} .mobScale06{transform: scale(0.6);} .mobScale05{transform: scale(0.5);} .mobScale04{transform: scale(0.4);} /*Mobile Overrides for desktop section height*/ div.is-wrapper > div.mobileHeight20,div.mobileHeight20 {height:20vH!important;} div.is-wrapper > div.mobileHeight30,div.mobileHeight30 {height:30vH!important;} div.is-wrapper > div.mobileHeight40,div.mobileHeight40 {height:40vH!important;} div.is-wrapper > div.mobileHeight50,div.mobileHeight50 {height:50vH!important;} div.is-wrapper > div.mobileHeight60,div.mobileHeight60 {height:60vH!important;} div.is-wrapper > div.mobileHeight75,div.mobileHeight75 {height:75vH!important;} div.is-wrapper > div.mobileHeight100,div.mobileHeight100 {height:100vH!important;} div.is-wrapper > div.mobileHeightAuto,div.mobileHeightAuto {height:auto!important;} .mobileVMargin0 .is-container{margin-top:0px!important;margin-bottom:0px!important;} .mobileVMargin10 .is-container{margin-top:10px!important;margin-bottom:10px!important;} .mobileVMargin20 .is-container{margin-top:20px!important;margin-bottom:20px!important;} .mobileVMargin40 .is-container{margin-top:40px!important;margin-bottom:40px!important;} .mobileVMargin80 .is-container{margin-top:80px!important;margin-bottom:80px!important;} .mobileVMargin100 .is-container{margin-top:100px!important;margin-bottom:100px!important;} .mobileVMargin5pc .is-container{margin-top:5%!important;margin-bottom:5%!important;} .mobileVMargin10pc .is-container{margin-top:10%!important;margin-bottom:10%!important;} .mobileVMargin15pc .is-container{margin-top:15%!important;margin-bottom:15%!important;} .mobileVMargin20pc .is-container{margin-top:20%!important;margin-bottom:20%!important;} .mobileVMargin30pc .is-container{margin-top:30%!important;margin-bottom:30%!important;} .mobileOverlay40 .is-overlay .is-overlay-color {opacity: .40;} .mobileVCol{display:flex!important;flex-direction:column;} .mobileVCol .column{width:100%!important;} .mobAlignCenter{align-items:center!important;} .mobJustCenter{justify-content:center!important;} .mobileOB figure.hdr figcaption{position:relative!important;flex-direction:column!important;height:auto!important;padding:1rem!important;} .mobileMImg img{margin-top:0!important; margin-bottom:0!important;} .row.mobileVCol.inline .column {width: 99%!important;} .mobileCol2 .column{width: 50%!important;} .row.mobileCol2.inline .column {width: 49%!important;} .mobileCol3 .column{width: 33.3%!important;} .row.mobileCol3.inline .column {width: 32%!important;} .mobileCol4 .column{width: 25%!important;} .row.mobileCol4.inline .column {width: 24%!important;} .mobileCol2 .column:nth-child(2n+3), .mobileCol3 .column:nth-child(3n+4), .mobileCol4 .column:nth-child(4n+5){clear:both;} .mobileCol2 .column,.mobileCol3 .column,.mobileCol4 .column{vertical-align: top;float:left;padding-left: 1rem;padding-right: 1rem;} .mobileCol2:after,.mobileCol3:after,.mobileCol4:after{content: "";clear: both;display: table;} .toyTableLeft,.toyTableRight{width:100%;text-align:center;display:block;} .row.flex figure.hdr figcaption {padding: 1rem;} body .is-wrapper > div.is-mob-sticky, body .is-mob-sticky{ position:sticky; top:0; } .is-mob-sticky{ z-index:50;/*might need adjusting per site based of template css*/ } } @media (min-width: 560px) { .hideForDesktop, .mobile,.cmsHomePage.hideForHome { display:none; } body .is-wrapper > div.is-sticky, body .is-sticky{ position:sticky; top:0; } body .is-wrapper > div.is-sticky, .is-sticky{ z-index:50;/*might need adjusting per site based of template css, is-wraooer rule applied to overrise z-index:auto on body .is-wrapper > div*/ } } @media print { .noPrint { display:none; } } @media (min-width: 560px) { .floatRight50PC { float:right; width: 49%; margin-left: 1%; display:block; } .floatLeft50PC { float:left; width: 49%; margin-right: 1%; display:block; } .floatRight25PC { margin: 0%; float:right; width: 24%; display:block; } .floatLeft75PC { margin: 0%; float:left; width: 74%; display:block; } .floatRight33PC { margin: 0%; float:right; width: 33%; display:block; } .floatLeft66PC { margin: 0%; float:left; width: 66%; display:block; } .floatLeft40PC { margin: 0%; float:left; width: 39%; display:block; } .floatRight60PC { margin: 0%; float:right; width: 60%; display:block; } .floatLeft20PC { margin: 0%; float:left; width: 20%; display:block; } .floatRight80PC { margin: 0%; float:right; width: 79%; display:block; } } .cmsFloatContainer { clear: both; overflow: hidden; } .clearfloat { float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px; } .ajaxErrorMessage { display:block; position:absolute; background-color:#600; color:white; padding: 4px; font-size: 11pt; border: 1px solid #933; text-align: left; } .validateHasErrors { border: 1px solid #933; background-color: #fee; } table.cmsFormTable { border-spacing: 2px; width:100%; margin:0; } .cmsFormTable td { vertical-align: top; box-sizing: border-box;} tr.topprompts td, .topprompts { font-size: 90%; padding: 2px; vertical-align: bottom; } .cmsFormTable>tr>td:first-of-type, .cmsFormTable>tbody>tr>td:first-of-type { min-width: 100px; max-width: 200px; width: 25%; font-size: 80%; } .cmsFormTable>tbody>tr>td:first-of-type sup { font-size: 100%;} .cmsFormTable tr>td input:not([type]), .cmsFormTable tr>td input[type="text"], .cmsFormTable tr>td input[type="file"], .cmsFormTable tr>td input[type="email"], .cmsFormTable tr>td input[type="password"], .cmsFormTable tr>td textarea , .cmsFormTable tr>td select { width: 100%; min-width: 80px; box-sizing: border-box; padding: 2%; } .cmsFormTable tr>td button { box-sizing: border-box; padding: 2%; } .cmsFormTable tr>td input[type="number"], .cmsFormTable tr>td input[type="decimal"], .cmsFormTable tr>td input.validateNumber, .cmsFormTable tr>td input.validateColour, .cmsFormTable tr>td input.validateTime, .cmsFormTable tr>td input.validateDateTime, .cmsFormTable tr>td input.validateDate {width: 60%; min-width: 40px; } .cmsFormTable tr>td .dynaCombo input[type="text"] { width: 83%;} .cmsFormTable tr>td .dynaCombo input[type="button"] { width: 15%;} .cmsFormTable tr>td input.widthauto, .cmsFormTable tr>td select.widthauto { width: auto; min-width: 10px;} @media only screen and (min-width: 1200px) { table.cmsFormTable { width:100%; border-spacing: 8px; } } .pageVerySocialShare {margin: 7px 0;} .input300w { width: 300px; } .input200w { width: 200px; } .input100w { width: 35%; min-width:100px;} .textarea400w { width: 400px; } #securePage { max-width: 600px; margin: auto;} .warning, .error { border: 1px solid red; padding: 1%; margin: 2% 1%; } .actionFeedback { border: 1px solid green; padding: 1%; margin: 2% 1%; } .formDIV { margin-top:5px; margin-bottom:7px;} .cmsFormElements { max-width: 960px; overflow: auto; box-sizing: border-box; } .cmsFormElements { box-sizing: border-box; padding: 0; margin: 1%; } .cmsFormElement { box-sizing: border-box; overflow: hidden; margin: 1%; } .cmsFormPrompt { font-size: 75%; display: inline-block; float: left; width:25%; margin: 0; box-sizing: border-box; } @media (max-width:600px) { .cmsFormPrompt { font-size: 9pt; } } .cmsFormData { display: inline-block; float: left; width:75%; margin: 0; box-sizing: border-box; } .cmsFormDataNoPrompt { clear: both; display:block; } .cmsFormData input, .cmsFormData textarea, .cmsFormDataNoPrompt textarea, .cmsFormData select { width: 100%; box-sizing: border-box; padding: 2%; } .cmsFormData button, .cmsFormData input[type="image"], .cmsFormData input[type="reset"], .cmsFormData input[type="button"], .cmsFormData input[type="submit"], .cmsFormData input[type="radio"], .cmsFormData input[type="checkbox"], .autowidth input, .autowidth select { box-sizing: border-box; padding: 2%; width: auto; max-width: 100%; } .cmsFormElement .cmsFormDataWithLookup input { width: 75%; } /* then fix these back to standard width*/ .cmsFormElement input.input100w, .cmsFormElement select.input100w { width: 35%; min-width:100px;} .cmsFormElement input[type="button"] , .cmsFormElement input[type="image"] , .cmsFormElement input[type="submit"] , .cmsFormElement input[type="file"] , .cmsFormElement input[type="reset"] , .cmsFormElement input[type="checkbox"] , .cmsFormElement input[type="radio"], .cmsFormData input.widthauto, .cmsFormData select.widthauto { width: auto; height: auto; max-width: 98%; } .cmsFormOptions { width: 68%; float: left; } .cmsFormActions { float: right; text-align: right; } .cmsFormActions input[type="submit"] { font-size: 130%;} .cmsCheckBox { text-align: center; } body .cmsFormElementsStacked .cmsFormElement, body .cmsFormElementsStacked .cmsFormPrompt, body .cmsFormElementsStacked .cmsFormData { display: block; width: 100%; float: none; margin: 0; } body .cmsFormElementsCompressed .cmsFormElement, body .cmsFormElementsCompressed .cmsFormPrompt, body .cmsFormElementsCompressed .cmsFormData, body .cmsFormElementsCompressed .cmsFormElement div { display: inline-block; width: auto; float: none; } body .cmsFormElementsCompressed .cmsFormData input { max-width: 150px; } body .cmsFormElementsCompressed .cmsFormActions { display: inline-block; width: auto; float: none; } body .cmsFormElementsCompressed .cmsFormElements { max-width: 100%; } .sectionAutoReveal { display:none; } .cmsPageList, .CategoryList, .ProductList { clear: none; } #productAdditionalText { clear: none; } .featuredproducts ul { list-style: none; padding: 0px; margin: 0px; overflow: hidden; } .featuredProduct { padding: 5%; margin: 1%; text-align: center; } .featuredimage { margin-left: auto; margin-right: auto; overflow: hidden; } /* default sizing for left column */ .cmsImage.featuredimage img { margin-left: auto; margin-right: auto; padding-bottom:3px; width: auto; max-width: 240px; max-height: 240px; } .featuredProductsHorizontal li img { max-width: 100%; width: auto; max-height: 240px; } .featuredproducts a { text-decoration: none; } .fptitle { font-weight: bolder; } /* need this separator for standard non sliding , multi column layout. */ .featuredProductsHorizontal .featuredProduct { border: 1px solid #bbb; } .featuredProductsHorizontal ul { /* flex breaks it */ } .featuredProductsHorizontal li { display:inline-block; } .wsb-template-column .featuredProductsHorizontal ul , .wsb-template-column .featuredProductsHorizontal li { display: block; } /* #FeaturedProductsFeatured ul li{ margin-left: auto; margin-right: auto; padding-bottom:3px; text-align: center; float: left; } */ /* START PRODUCT TABS */ /* only tabs links have background colours */ #product-moreinfo { margin: 0px; padding: 0px; width: 100%; margin-top: 10px; display: block; overflow: hidden; } ul#productTabUL { padding: 0px; margin: 0; list-style-type: none; overflow: hidden; } ul#productTabUL li { float: left; margin-left: 4px; height: auto; position: relative; list-style-type:none; } ul#productTabUL li a { background-color: #BBB; border: 1px solid #DDD; border-bottom: none; padding: 3px; display:block; text-decoration:none; color: black; } ul#productTabUL li a:hover { background-color: #999; } ul#productTabUL li a.productTabAactive { background-color: #FFF!important; } #product-moreinfo .productTabContent { display:none; border: 1px solid #DDD; padding:10px } #product-moreinfo .productTabContentActive { display:block } @media(min-width:800px) { .productviewgrouplistRight { float:right; width: 15%; margin-left: 2%; margin-bottom: 10px; display:block; } } /* END PRODUCT TABS */ .cmsTree ul { list-style: none; margin-left: 0; padding-left: 0; margin-bottom: 10px; } .cmsTree ul ul { margin-left: 5%; } .cmsTree LI { margin: 1%; } .list-style-none, .list-style-default, .list-style-slide , .ajax-stream-images, .list-style-content-menu, .list-style-none li, .list-style-slide li, .ajax-stream-images li , .list-style-content-menu li { list-style: none; margin: 0; padding: 0; } .list-style-3col, .list-style-4col, .list-style-bizcard, .list-style-inline, .list-style-5col, .list-style-6col, .list-style-2col, .list-style-table { overflow: hidden; list-style: none; margin: 0; padding: 0; clear: both; box-sizing: border-box; } .cmsItemListStockCount { font-size: 70% ; } .cmsPageList, .CategoryList,.ProductList { clear: both; } .list-style-default, .list-style-fullimage li { margin-bottom: 8px; } .list-style-inline li { display: inline-block; } @media (min-width: 500px) { .list-style-bizcard li { display: inline-block; float: left; width: 48%; } .list-style-bizcard li:nth-child(2n+1) { margin-right: 1%; clear: both; } .list-style-bizcard li:nth-child(2n+2) { margin-left: 1%; } .list-style-2col li { width: 50%; display: inline-block; float: left; } .list-style-3col li { width: 33.3%; display: inline-block; float: left; } .list-style-4col li { width: 25%; display: inline-block; float: left; } .list-style-5col li { width: 20%; display: inline-block; float: left; } .list-style-6col li { width: 16%; display: inline-block; float: left; } .list-style-2col li:nth-child(2n+3), .list-style-3col li:nth-child(3n+4), .list-style-4col li:nth-child(4n+5), .list-style-5col li:nth-child(5n+6), .list-style-6col li:nth-child(6n+7){ clear:both; } .list-style-table .cmsItem > div {width: 20%; float:left; } .list-style-table .cmsItem div.cmsTitleAndText {width: 39%; margin-left: 1%; } .list-style-table .cmsItem div.cmsImage {width: 15%; } .list-style-table .cmsItem div.cmsPrice {width: 15%; } .list-style-table .cmsItem div.cmsQuantity {width: 15%; } .list-style-table .cmsItem div.cmsEnquiry {width: 15%; } } @media (max-width: 560px) { /* default to columns where smaller grained */ .list-style-4col li { width: 50%; display: inline-block; float: left; } .list-style-5col li { width: 33%; display: inline-block; float: left; } .list-style-6col li { width: 33%; display: inline-block; float: left; } .list-style-4col li:nth-child(2n+3), .list-style-5col li:nth-child(3n+4), .list-style-6col li:nth-child(3n+4){ clear:both; } .list-style-table .cmsImage { max-width: 50%; margin: auto auto;} .list-style-table .cmsQuantity { text-align: right;} } /*overflow hidden allows for increased height to accept right aligned images, with no scroll bar... */ .cmsItem {overflow: hidden; margin: 2px; max-width: 2000px; box-sizing: border-box; position: relative; } .cmsItem>div { margin: 0; } .cmsSmallPrint { font-size: 80% } .cmsItem .cmsEnquiry { margin: 0; text-align: right; } .cmsItem .cmsImage { margin:0; margin-bottom: 5px; } /* just disabled position relative on this one */ .cmsItem .cmsTitle { margin-bottom: 5px; } .cmsItem .cmsText { font-size: 80%; margin-bottom: 5px; } /* margin 0 because it creates scroll bars in the cmsItem...*/ .cmsImage a { max-width: 320px; margin:auto; } .cmsImage img { max-width: 100%; height:auto; max-height:320px ; margin: 0; } .cmsImage.backgroundImage a{ max-width:none; width:100%; margin:0; } .cmsItem .floatRight { float: right; margin-left: 5px; margin-bottom: 5px; max-width: 33%; } .cmsItem .floatRight img { max-width:160px; max-height:160px ; width: 100%; } .list-style-content-menu .cmsItem { border: 1px solid #999; padding: 6px; } .list-style-content-menu a { margin: 1%; text-decoration: none; } .list-style-slide .imgSlide img, .list-style-slide .imgSlide a img { width: 100%; margin: 0; border: 0; } .list-style-slide .cmsItem { width:100%; background: #eee; max-height: 350px; overflow: hidden; } .list-style-slide .cmsItem .cmsImage {float:left; width: 60%; margin: 0; max-height: 348px; overflow: hidden; } .list-style-slide .cmsItem .cmsImage img {width: 100%; margin: 0; border: 0;} .list-style-slide .cmsItem .cmsTitleAndText {float:right; width: 37%; margin: 1%; } .list-style-default .cmsItem { margin: 2% 0; } .list-style-default .cmsItem .cmsImage {float:left; width: 22%; margin: 0; margin-right: 2%; text-align: center; } .list-style-default .cmsItem .cmsTitleAndTextNoPrice {float:right; width: 75%; margin-left: 1%; margin-right: 0%; } .list-style-default .cmsItem .cmsTitleAndText {float:left; width: 55%; margin: 0; } .list-style-default .cmsItem .cmsPriceAndEnquiry {float:right; width: 19%; margin: 0%; text-align: right; } .list-style-default .cmsItem .cmsImage img { max-width: 100%; max-height:240px ; margin: auto; } .list-style-default .cmsItem .cmsSuburb { margin: 0; margin-bottom: 10px; font-weight: bolder; } .list-style-default .cmsItem .cmsPrice { margin: 0; text-align: right; } .list-style-default .cmsItem .cmsEnquiry { margin-top: 10px; text-align: right; } .list-style-default .cmsItem .cmsText { font-size: 90%; } @media (max-width: 560px) , (max-device-width: 560px) { .list-style-default .cmsItem .cmsImage {float:left; width: 33%; margin: 0; text-align: center; } .list-style-default .cmsItem .cmsTitleAndTextNoPrice , .list-style-default .cmsItem .cmsTitleAndText {float:right; width: 65%; margin: 0; } .list-style-default .cmsItem .cmsPriceAndEnquiry {clear:both; float:right; width: 65%; font-size: 100%; overflow: hidden; margin: 5% 0;} .list-style-default .cmsItem .cmsPrice {float: left; width: 55%; margin: 0; text-align: left; } .list-style-default .cmsItem .cmsEnquiry {float:right; width: 40%; margin: 0; } .cmsItemLI { margin-bottom: 10px; } } .list-style-2col .cmsItem { margin: 5%; } .list-style-2col .cmsItem .cmsImage {margin-bottom: 5px; text-align: center; } .list-style-2col .cmsItem .cmsTitle { text-align: center; } .list-style-3col .cmsItem { margin: 10%; } .list-style-3col .cmsItem .cmsImage {margin-bottom: 5px; text-align: center; } .list-style-3col .cmsItem .cmsPrice { float: left; width: 55%; margin: 0; text-align: left; } .list-style-3col .cmsItem .cmsEnquiry { float: right; width: 40%; margin: 0; } .list-style-3col .cmsItem .cmsPriceAndEnquiry { overflow: hidden; font-size: 90%; text-align: center;} .list-style-3col .cmsItem .cmsTitle { text-align: center; } .list-style-4col .cmsItem { margin: 10%; } .list-style-4col .cmsItem .cmsImage {margin-bottom: 5px; text-align: center; } .list-style-4col .cmsItem .cmsPrice { float: left; width: 55%; margin: 0; text-align: left; } .list-style-4col .cmsItem .cmsEnquiry { float: right; width: 40%; margin: 0; } .list-style-4col .cmsItem .cmsPriceAndEnquiry { overflow: hidden; text-align: center; font-size: 80%; } .list-style-4col .cmsItem .cmsTitle { text-align: center; } .list-style-5col .cmsItem { margin: 10%; } .list-style-5col .cmsItem div { text-align: center; } .list-style-5col .cmsItem .cmsPriceAndEnquiry { font-size: 80%; } .list-style-6col .cmsItem { margin: 10%; } .list-style-6col .cmsItem div { text-align: center; } .list-style-6col .cmsItem .cmsPriceAndEnquiry { font-size: 80%; } .list-style-bizcard .cmsItem { margin-bottom: 10px; } .list-style-bizcard .cmsItem .cmsImage {float:left; width: 33%; margin: 0; text-align: center; } .list-style-bizcard .cmsItem .cmsTitleAndText {float:right; width: 65%; margin: 0; } .list-style-bizcard .cmsItem .cmsPriceAndEnquiry {float:right; width: 65%; margin: 0; font-size: 80%; overflow: hidden;} .list-style-bizcard .cmsItem .cmsPrice {float: left; width: 55%; margin: 0; } .list-style-bizcard .cmsItem .cmsEnquiry {float:right; width: 40%; margin: 0; } td.productlisttdimage { max-width: 160px; } .cmsImageMaxWidth img {width: 100%; } .cmsItemHoverReveal { display: none; background-color: rgba(250,250,250,0.8); position: absolute; pointer-events: none; top: 0; width: 100%; height: 100%; } .cmsItemHoverReveal.flex { display: flex; background-color: rgba(250,250,250,0.8); position: absolute; pointer-events: none; top: 0; width: 100%; height: 100%; opacity:0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .cmsItemHoverReveal a, .cmsItemHoverReveal input, .cmsItemHoverReveal .cmsPriceAndEnquiry { pointer-events: auto; } li.sfhover .cmsItemHoverReveal, li:hover .cmsItemHoverReveal, li .cmsHasNoImage .cmsItemHoverReveal { display: block; height: 100%; top: 0; } li.sfhover .cmsItemHoverReveal.flex, li:hover .cmsItemHoverReveal.flex, li .cmsHasNoImage .cmsItemHoverReveal.flex{ display:flex; opacity:1; } .cmsItemHoverReveal>div { margin: 5% ; } .cmsItemHoverReveal .cmsTitleAndText { margin-top: 30% ; margin: 5% ; } .cmsItemHoverReveal>div.cmsPriceAndEnquiry { position: absolute; bottom: 5% ; width:90%; margin: 5%;left:0;} .cmsItemHoverReveal , .cmsItemHoverReveal A { color: black; } .cmsBackgroundImg{ padding-top:100%; background-size:cover; background-repeat: no-repeat; background-position: center; } .list-style-hover .cmsItem { margin: 1%; position: relative; min-height: 100px; border: 1px solid #AAA; } .list-style-hover .cmsItem .cmsImage { margin: 0; } .fastOrderSheetWithQty ul.productslist { margin-left: 3%; } .fastOrderSheetWithQty ul.productslist .cmsItem .cmsPriceAndEnquiry { float:right; width: 33%; } .fastOrderSheetWithQty ul.productslist .cmsItem .cmsPrice { margin: 0; text-align: right; float:left; width:40%; } .fastOrderSheetWithQty ul.productslist .cmsItem .cmsEnquiry { margin-top: 0; text-align: right; float: right; width: 50%; } .fastOrderSheetWithQty ul.productslist .cmsItem .cmsTitleAndText {float:left; width: 45%; margin: 0; } .cmsItemGrid { list-style-type: none; margin: 0; padding: 0; position: relative; } .cmsItemGrid { position: relative; overflow: hidden; } .cmsItemGrid>li { margin: 0; padding: 0; float: left; position: relative; overflow: hidden; } .cmsItemGrid>li div.cmsItem { margin: 5px; position: relative; overflow: hidden; height: inherit; } .cmsMoreInfo, .cmsItem a.moreInfo, .cmsNavButtons a { text-decoration: none; border: 1px solid #CACACA; display: inline-block; padding: 1px 5px; margin-left: 5px; } .cmsNavButtons a { margin: 5px; } .pagenav-active { background: #EEE; border: 1px solid #AAA; color: black; font-weight: 600; } ul.list-style-default .eventsListIndent { margin-left: 30px; } /* right aligned images on blogs and galleries and real estate */ @media (min-width: 600px) { div.leftAlignedImageBlock { float:left; max-width: 48%; margin-right: 2%; margin-bottom: 10px; display:block; } div.rightAlignedImageBlock { float:right; max-width: 48%; margin-left: 2%; margin-bottom: 10px; display:block; } } .productHeaderSummaryText { margin-bottom: 10px; } .productSummaryRightAlignedBlock { /* display: table-cell; float: right; max-width: 48%; */ } /*max size the containers for images*/ .galleryView320 { max-width: 320px; } /*underlying image is 320px max, so need to match thumbnails to this size*/ .imageAlignmentBlock .imageBlockThumbs { max-width: 320px; clear: both;} .imageBlockThumbs { margin-top: 5px; } /* support mobile view still smaller */ .imageBlockThumbs li { width: 33.3%; display: inline-block; float: left; } /* beware ie must specify 100% relative to the div specified... */ .cmsThumb { margin: 2px; max-height: 100px; max-width: 100px; } .cmsLargeThumb { margin: 2%;} /* just a simple rule to keep these images a little smaller... */ .alsoConsider .cmsImage img { max-height: 100px; } /*but max width the images to 100% within their container, so not upscalled */ .zoomedphoto img , .cmsThumb img , .cmsLargeThumb img { max-height: 100%; max-width: 100%; } /* .productPriceTableDetailed { overflow: auto;} .productSummaryLeftAlignedBlock { width: 49%; display: block; } .productSummaryRightAlignedBlock { width: 49%; display: block; } */ .cmsProductSummary { overflow: auto;} #productAdditionalText { clear: both;} ul.ProductPageColorSwatch li { text-align: center; float: left; width: 100px; height: 110px; overflow: hidden; font-size: 60%; margin: 1%; position: relative; } div.ColorSwatchIMG { max-height: 80px; overflow:hidden; margin-bottom:20px;} ul.ProductPageColorSwatch li img { max-height: 80px; } ul.ProductPageColorSwatch li .ColorSwatchOption { display:block; top: 80px; position:absolute; font-size: 10px; line-height: 15px; text-align: left; } .nounderline { text-decoration: none; } .showMobileSite { display:block; background-color: #333; margin: 0; padding: 0; height: 100px; } .showMobileSite A:link, .showMobileSite A:visited { display:block; line-height: 100px; font-size: 40px; background-color: #333; color: white; text-align:center!important; text-decoration: none; } .autoAddressTitle { display:block; font-size:9px; line-height:12px; color: #666; background-color: rgba(255,255,255, 0.8); } #cmsBrowserBottomFixed { display:block; width:100%; background: rgba(255, 255, 255, 0.5); } #cmsBrowserTopFixed { display:block; width:100%; background: rgba(255, 255, 255, 0.5);} #cmsBrowserTopFixed table, #cmsBrowserBottomFixed table { margin: 3px; width: 100%;} @media (min-width: 600px) { #cmsBrowserBottomFixed { position:fixed; bottom: 0; } #cmsBrowserTopFixed { position:fixed; top: 0; } #cmsBrowserBottomFixedSpacer { height:20px; } #cmsBrowserTopFixedSpacer { height:30px; } } /*Kaasi, 23/07/2013 Shopping UL CSS Default Styling, adding from previous file with new class names instead of id */ /* .CMSPageList { overflow:auto; } .CMSPageList ul { list-style: none; margin: 0; padding: 0; } .CMSPageList li.ShopListItem { display: inline; float: left; margin: 2px; padding:4px; width: 232px; } .ShopListItemThumb { width: 232px; position: relative; background-color: #ffffff; border:1px solid #cccccc; } .ShopListItemThumb a { border: none; } .ShopListItemThumb a img { width: 232px; height: 232px; } .ShopListItem .ShopListItemDetails { padding: 4px 0; } .ShopListItemTitle h3 { margin: 0; } .CMSPageList ul .ShopListItemDetails .ShopListItemBuy { float:right; } */ /* Shopping UL CSS Style Ends */ /*Kaasi, 23/07/2013 Search tag Default Styling, adding from previous file,got removed somehow with the updates */ .shopsearch .searchItem{ margin: 10px 0;} .shopsearch .searchItem .searchItemTitle { font-size:80%;} .shopsearch select, .shopsearch input { box-sizing: border-box; width:100%; } .searchItemCombo input[type="text"] { width: 75%; margin:0;} .searchItemCombo input[type="button"] { width: 23%; margin:0;} .searchItemCombo #minPrice, .searchItemCombo #maxPrice { width:48%; } .shopsearch input[type="checkbox"] { width: auto; } /* default search styling ends */ /** Kaasi , 1/08/2013 ShoppingCart Tag css starts */ #ajaxCart input.shoppingbasketupdatebutton, #ajaxCart input.shoppingbasketremovebutton {font-size: 8pt;} #ajaxCart input , #ajaxCart select, #ajaxCart option{font-size: 9pt;} /*--------------------------------------------------- DEFAULT CART CSS BY ANDREW -----------------------------------------------------*/ .cartSummary { width: 100% ; overflow:hidden; } .cartSummary ul {list-style: none; padding: 0px; margin: 0px; } .cartSummary li { margin: 3px; padding: 0; } .basketSummaryHeader { overflow:auto; } .basketCartDelete { display: inline-block; width: 50%; float:left; } .basketCurrencySelector { display: inline-block; width: 50%; float:right; text-align: right; } .deleteCart a:link { border: 1px solid #faa; display: inline-block; font-size: 8pt; text-decoration: none; color: #faa; text-align: center; padding: 1px 4px; margin: 2px; } .basketSummaryCheckout{ text-align: right; margin-top: 10px; margin-bottom: 10px; } .selectShippingMethodMessage { text-align: left; font-style: italic; font-size: 80%; width:75%; } .selectShippingMethod select { font-size: 110%; } .shoppingbasketcheckoutbutton {font-size: 110%;} .basketSummaryLineItems { border-top: 1px solid #ccc; } .basketSummaryLineItems>ul>li { list-style: none; border-bottom: 1px solid #ccc; } .checkoutMakeChangesOrAddMoreItems { border-bottom: 1px solid #ccc; } .basketSummaryLine, .basketSummarySubTotalLine { clear:both; overflow: hidden; margin-top: 5px; margin-bottom:5px; } .basketSummarySubTotalLine_Savings{margin-top:15px;margin-bottom:10px;color:#999;font-weight:bolder} .basketSummaryLineItemIcons a:link, .basketSummaryLineItemIcons a:visited { border: 1px solid #ccc; display: inline-block; width: 13px; text-align: center; height: 14px; line-height: 14px; text-decoration: none; margin: 2px; font-size: 14px; font-weight: bolder; } .basketSummaryQtyInc a:link { color: green; } .basketSummaryQtyDec a:link { color: red; } .cartSummaryFull .warning { padding:2px; color:red; background-color: white; border: 1px dashed red ; margin-bottom: 8px; } .cartSummaryFull .basketSummaryLineMessage { font-size:75%; color: red; } #ajaxCart label {font-size: 75%;} .basketCustomisedOptions table { border-spacing:0; } .cartSummaryFull td.question { font-size: 75%; min-width: 45px; } { width: 20%; } .basketSummaryLineItemOptionsEditable .cmsFormData label { display:block; width: auto; } .basketSummaryLineItemOptionsEditable .cmsFormPrompt, .cartSummaryFull label, .basketID , .vieworderstable label { font-size: 75%; min-width: 45px; display: inline-block; } .fullPrice{ text-decoration: line-through; color:red;} .basketSummaryLineRight .fullPrice{ text-align: right; } .basketCheckoutDiv { padding-top: 10px; clear:both; text-align: right; } .basketSummaryPrompt { font-size:75%; text-align: right; } .basketSummaryTotal { border-top: 1px solid #ccc; font-weight: bolder; } .basketSummaryLineLeft{width:83%; float: left; } .basketSummaryLineRight{width:17%; float: right; text-align: right; } .cartSummaryFull .basketSummaryLineImage img {max-width:100%; max-height: 100%;} .basketSummaryLineOtherDetails { font-size: 80% } @media (min-width : 500px) { .cartSummaryFull .basketSummaryLineOptions { float: right; margin-right: 0%; width: 38%; } .cartSummaryFull .basketSummaryLineImage{max-width:20%; float: left; margin-right: 1%;} .cartSummaryFull .basketSummaryLineDetails{width:38%; float: left; margin-right: 1%;} .cartSummaryFull .basketSummaryLineItemOptionsEditable {} } @media (max-width : 500px) { .cartSummary {font-size: 12pt;} .basketSummaryLineLeft{width:80%; float: left; } .basketSummaryLineRight{width:20%; float: right; text-align: right; } .basketSummaryLineItems .basketSummaryLineRight{font-size: 80%; } .cartSummaryFull .basketSummaryLineImage{max-width:20%; float: left; margin-right: 2%;} .cartSummaryFull .basketSummaryLineDetails, .cartSummaryFull .basketSummaryLineOptions { width:70%; margin-left: 2%; font-size: 80%; float: right; } .basketSummaryLineRight{ text-align: right; } .shoppingbasketcheckoutbutton {font-size: 130%;} } .cartSummaryNarrow .basketSummaryLineLeft {width:65%; float: left;} .cartSummaryNarrow .basketSummaryLineRight {width:35%; float: right; max-width:33%; overflow: visible;} .cartSummaryNarrow .basketSummaryLineItemIcons { display: inline; float: right; } table.vieworderstable tr.headerrow td , table.vieworderstable tr.viewOrderLine td{ border-bottom: 1px solid #ccc; } .cmsShoppingCartTemplateLinks { padding: 5px; } .cmsShoppingCartTemplateLinks a { text-decoration: none; } /** Kaasi , 1/08/2013 ShoppingCart Tag css ends */ /* ########################################################################################### END OF CMS COMMON CSS ########################################################################################### */ .cmsDefaultTextLogo A { text-decoration: none; } .cmsDefaultTextLogo { line-height: normal; width: 90%; margin:5%; font-weight: bolder; } .zoomedphoto .zoomPup img {max-width:none; max-height: none;} .zoomedphoto .zoomWindow img {max-width:none; max-height: none;} A.cmsToyToTop { z-index:9999; display:block; text-decoration:none; overflow:hidden; width:35px; height:35px; border:none; text-indent:100%; background:url(/uploads/shared/images/art/Arrows/ui.totop.png) no-repeat left top; } A.cmsToyToTop:hover { background:url(/uploads/shared/images/art/Arrows/ui.totop.png) no-repeat left -35px; } .preDiscount { font-size: 80%; text-decoration: line-through; color:red } .productRrp .productRrpPrice { text-decoration: line-through; color:red } .productPriceSavingsPrice {color:red } .mainPrice .value { font-weight: bolder;} .productPrice .value { font-weight: bolder;} .otherTaxPrice { font-size: 80%; } .ccySymbol { margin-right: 3px; } .cmsFormData .GSTwording { margin-left: 6px; } .cycle-overlay { z-index: 600; background: rgba(0,0,0,0.3); color: white; padding: 15px; } .cycle-overlay { position: absolute; bottom: 0; width: 100%; } .cycle-pager{ display:none; } #cmsCycle2 { overflow: hidden; } #cmsCycle2 > img { width: 100%; display: block; padding: 0; } #cmsCycle2 > img:nth-child(n+2) { display:none; } /* in case script does not load */ /*. cycle-slideshow img:first-child { position: static; z-index: 100;} */ .cb-slider ul.cmsDivSlider.slick-slider { margin: 0; padding:0; } .cmsDivSlider { position: relative; overflow: hidden; padding:0; } .cmsDivSlider .row { display:flex; width: 100%; margin: 0; } .cmsDivSlider > li:nth-of-type(n+2) {display:none;} .cmsDivSlider > li.cycle-slide { background-color: inherit; width: 100%; bottom:0; display: flex !important; align-items: center; } .cmsDivSlider .row .column > img, .cmsDivSlider .row .column > a > img, .cmsDivSlider .column > figure, .animatedSlidePlaceholder .row .column > img, .animatedSlidePlaceholder .row .column > a > img, .animatedSlidePlaceholder .column > figure { margin: 0; flex-shrink: 0; } .cmsDivSlider .row .column.flow-opposite { order: 1; } #productImagesSlider{margin-top:0;margin-bottom:0;} #cmsBannerSlideDiv img { width: 100%; } #cmsBannerSlideContainer, #cmsBannerContainer, .animatedSlideWrapOuter { position:relative; overflow:hidden; margin:0; padding:0; } #cmsBannerOverlay{bottom:0;z-index: 100;} #cmsBannerOverlay, .animatedSlideWrapInner { position:absolute; top:0; height: 100%; width: 100%; margin:0; padding:0;} .animatedSlidePlaceholder { visibility:hidden; } .animatedSlidePlaceholder .row { margin: 0; overflow: hidden; padding: 0; } .animatedSlidePlaceholder .clearfix:before, .animatedSlidePlaceholder .clearfix:after { display:none; content:none;} .animatedSlideWrapInner ul { height: 100%; list-style:none; margin:0; padding:0; } .animatedSlideWrapInner .slideViewFinder>li {display:block; margin:0; padding:0; list-style:none; box-sizing: border-box; } .animatedSlideWrapInner .slideViewFinder { position:absolute; height: 100%; width:100%; margin:0; padding:0; } .animatedSlideWrapInner li , .animatedSlideWrapInner ul .cmsItem img, .animatedSlideWrapInner ul img { width: 100%; max-width:none; display:block; } .animatedSlidePlaceholder img{max-width:none;width:100%;display:block;} .animatedSlideWrapInner li:gt(0) { display: none; } .animatedSlideWrapOuter .sliderArrow { position : absolute; top : 45%; width : 20px; height : 20px; cursor: pointer; } .animatedSlideWrapOuter #sliderLeftArrow { left: 5%; background : url(/uploads/js/slider/img/arrow-sprite.png); background-position : 0 0; } .animatedSlideWrapOuter #sliderRightArrow { right: 5%; background : url(/uploads/js/slider/img/arrow-sprite.png); background-position : 20px 0; } .animatedSlideWrapOuter #sliderLeftArrow:hover { background-position : 0 21px; } .animatedSlideWrapOuter #sliderRightArrow:hover { background-position : 20px 21px; } #slideNumbers { padding : 5px 8px 5px 8px; text-align : right; position : absolute; bottom : 0; right : 0; background : url(/uploads/slider/img/paging_bg2.png); color : #333; font-size : 13px; } #slideNumbers a.slideActive { font-weight : bold; border : 1px solid #555; border-radius : 3px; background: #f3f3f3; padding : 1px 3px 1px 3px;!important; } #slideNumbers a { padding : 2px 4px ; cursor : pointer; text-decoration : none; color : #333; } #slideNumbers a:hover { font-weight : bold; } .cmsBannerCaptionContainer { position: absolute; display:flex; font-size: 150%; align-items: center; /*v-align*/ justify-content: center; /*h-align */ } #cmsBannerContainer.captionType .cmsBannerCaptionContainer { display: none;} #cmsBannerContainer.captionTypeBottom .cmsBannerCaptionContainer {bottom: 0; width: 100%; } #cmsBannerContainer.captionTypeTop .cmsBannerCaptionContainer {top: 0; width: 100%; } #cmsBannerContainer.captionTypeLeft .cmsBannerCaptionContainer {left: 5%; width: 33%; bottom: 33%; min-height: 33%;} #cmsBannerContainer.captionTypeRight .cmsBannerCaptionContainer {right: 5%; width: 33%; bottom: 33%; min-height: 33%; } #cmsBannerContainer.captionTypeCenter .cmsBannerCaptionContainer {left: 20%; width: 60%; top: 33%; min-height: 33%; } #cmsBannerContainer.captionTypeUnder .cmsBannerCaptionContainer { position:relative; } .cmsBannerCaptionInner { height: inherit; width: 100%; text-align: center; vertical-align: middle; display: flex; align-items: center; /*v-align*/ justify-content: center; /*h-align */ } div.cmsBannerCaptionCTA { display:inline-block; margin: 10px ; padding: 5px 15px; font-size: 75%; } .captionTypeBottom .cmsBannerCaptionInner>*, .captionTypeTop .cmsBannerCaptionInner>* { display:inline-block; margin: 0 10px ; line-height: 150%; } .cmsBannerCaptionInner { z-index: 600; background: rgba(0,0,0,0.3); color: white; padding: 15px; } #cmsBannerContainer.captionTypeUnder .cmsBannerCaptionInner { background: none; color: inherit; } /*Andrew - Slide Widget v3 hide by default*/ .inpagelazygallery{display:none;} .inpagelazypopup,.inpagelazypopup.flex{display:none;} /* Drag/Drop Content */ /* reuben hacks */ img.halfwidth { width: 50%; } img.fullwidth { width: 100%; } img.fullheight{ margin-left: auto; margin-right: auto; display: block; } img.greyscale { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } /* RSJ HACK - note media dependent */ .column { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .wsb-template .column { overflow: visible; /* Reuben fix for template menu snippets */ } /* ------------------------------ CONTENT BOX --------------------- */ /* Container for All Sections */ .is-wrapper {width:100%;height:100%;box-sizing:border-box;margin:0 auto;max-width:100%; /* -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; AJ REMOVED OCT2020 AS IT IS CAUSING CONTENT TO JUMP/SHIFT/CHANGE COLOUR ON LOAD*/ } /* Sections */ .is-wrapper > div { display:table; width:100%; height: auto; /* default */ float:left; box-sizing:border-box; margin:0; padding:0; position:relative; /* background:#fff; */ /* reuben removed may 2018 */ /* -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; AJ REMOVED OCT2020 AS IT IS CAUSING CONTENT TO JUMP/SHIFT/CHANGE COLOUR ON LOAD*/ /*z-index:1;*/ z-index: auto; } .is-wrapper > div.cmsUsualWidth { margin-left:auto; margin-right:auto; } /* Boxes */ .is-boxes {display:table;table-layout:fixed;width:100%;height:100%;position:relative;min-height:200px;float:left;} .is-box-0 { display:table-cell;width: 0%;height:100%;position:relative; } .is-box-1 { display:table-cell;width: 8.333333%;height:100%;position:relative; } .is-box-2 { display:table-cell;width: 16.666667%;height:100%;position:relative; } .is-box-3 { display:table-cell;width: 25%;height:100%;position:relative; } .is-box-4 { display:table-cell;width: 33.333333%;height:100%;position:relative; } .is-box-5 { display:table-cell;width: 41.666667%;height:100%;position:relative; } .is-box-6 { display:table-cell;width: 50%;height:100%;position:relative; } .is-box-7 { display:table-cell;width: 58.333333%;height:100%;position:relative; } .is-box-8 { display:table-cell;width: 66.666667%;height:100%;position:relative; } .is-box-9 { display:table-cell;width: 75%;height:100%;position:relative; } .is-box-10 { display:table-cell;width: 83.333333%;height:100%;position:relative; } .is-box-11 { display:table-cell;width: 91.666667%;height:100%;position:relative; } .is-box-12 { display:table-cell;width: 100%;height:100%;position:relative; } .is-box-centered {display:table-cell;width: 100%;position:relative;vertical-align:middle;} .is-stretch > div:not(.is-arrow-down) { /* Unlike .is-overlay (absolute positioned), this section is relative positioned. With this, flowing content is safe, and stretched content can be made absolute with class .flexi-position */ position:relative;left:0px;top:0px;width:100%;height:100%;display:table; } /* .flexi-position is set relative by default, but will set absolute (stretched) if placed within section .is-stretch */ .flexi-position { position: relative; } .is-stretch .flexi-position { position: absolute; } .is-section.is-stretch {min-height:300px;} /* New */ @media all and (max-width: 960px) { /* .is-section:not(.is-stretch), .is-section-100:not(.is-stretch) { height: auto !important; } is-stretch is an exception */ .is-section:not(.is-box) { height: auto !important; } /* .is-boxes { height: auto !important; } */ .is-boxes { height: 100% !important; } /* new */ .is-box-img {height:300px !important;} .is-box-img .is-boxes {height:100% !important;} .is-box-1 { display:table;width: 100%;height:auto; } .is-box-2 { display:table;width: 100%;height:auto; } .is-box-3 { display:table;width: 100%;height:auto; } .is-box-4 { display:table;width: 100%;height:auto; } .is-box-5 { display:table;width: 100%;height:auto; } .is-box-6 { display:table;width: 100%;height:auto; } .is-box-7 { display:table;width: 100%;height:auto; } .is-box-8 { display:table;width: 100%;height:auto; } .is-box-9 { display:table;width: 100%;height:auto; } .is-box-10 { display:table;width: 100%;height:auto; } .is-box-11 { display:table;width: 100%;height:auto; } .is-box-12 { display:table;width: 100%;height:auto; } /* Give contentbox banner boxes a height*/ .is-box-6.banner-box{height:100vW;} /* .is-box-centered {display:block;} */ .is-box-centered {display:table-cell;} /* new */ } .is-container { max-width:1200px;margin:0 auto;padding:0 30px; /* padding left/right only */ position:relative;margin-left:auto;margin-right:auto;box-sizing:border-box; /* -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; AJ REMOVED OCT2020 AS IT IS CAUSING CONTENT TO JUMP/SHIFT/CHANGE COLOUR ON LOAD WITH DEFER*/ } .is-wrapper:after { content: ""; display: table; clear: both; } /* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */ @media only screen and (max-device-width: 1366px) { body .is-section.parallax .is-overlay-bg{ background-attachment: scroll; background-position:center!important; } } @media all and (max-width: 600px) { /* was padding: 30px all around at 900px*/ /* reasoning, default left/right padding at mobile widths, unless otherwise configured... */ .is-container { padding:0 2%; } } /* Boxed Layout */ .is-wrapper .is-boxed-layout .is-container { padding:30px; background:#fff;} /* 80px , now 30px all around, up and down too */ /* @media all and (max-width: 960px) { .is-wrapper .is-boxed-layout .is-overlay {display:none !important;} .is-wrapper .is-boxed-layout {background: #fff !important;} } */ /* Scroll Down Icon */ .is-arrow-down { display: table; position:absolute;bottom:65px;width:50px;height:50px;left:50%;margin-left:-25px;cursor:pointer;z-index:1 } @media all and (max-width: 1025px) { .is-arrow-down { display:none !important; } } .is-arrow-down > a { background: rgba(0, 0, 0, 0.18); border-radius: 500px; color: rgba(255, 255, 255, 0.75);font-size: 22px; text-decoration:none; text-align: center; display: table-cell; vertical-align: middle;} .bounce { -moz-animation: bounce 5s forwards; -webkit-animation: bounce 5s forwards; animation: bounce 5s forwards; } /* @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } } */ .is-arrow-down.light a { background: rgba(255, 255, 255, 0.18);color: #111; } /* Overlay */ .is-overlay { position:absolute;left:0px;top:0px;width:100%;height:100%; overflow:hidden; /*z-index:1;*/ } /*.is-boxes, .is-box-centered {z-index:1}*/ .is-overlay .is-overlay-bg { position:absolute;left:0px;top:0px;width:100%;height:100%; background-size:cover; background-repeat:no-repeat; background-position:50% 60%; } .is-section.fixed .is-overlay-bg, .is-section.parallax .is-overlay-bg{ background-attachment:fixed; } /*AJ Alt ken-burns is-scale-animation*/ .is-section.is-scale-animation .is-overlay .is-overlay-bg, .is-overlay .is-overlay-bg.is-scale-animated.is-appeared { animation:is-scale 10s ease forwards; -ms-animation:is-scale 10s ease forwards; -webkit-animation:is-scale 10s ease forwards; -o-animation:is-scale 10s ease forwards; -moz-animation:is-scale 10s ease forwards; } @keyframes is-scale { from { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); } to { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } } /*AJ Additional section background animations*/ .is-section.hoverall .is-overlay-color, .is-section.hoverall .is-overlay-bg, .is-section.hoverzoom .is-overlay-bg{ -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .is-section.hoverall .is-container{ transition: all 1 cubic-bezier(.160,.85,.45,1); -webkit-transition: all 1 cubic-bezier(.160,.85,.45,1); transition-delay: 0.2s; } .is-section.hoverout .is-overlay-color{ -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .is-section.hoverall .is-overlay-bg, .is-section.hoverzoom .is-overlay-bg{ transform: scale(1); } .is-section.hoverall:hover .is-overlay-bg, .is-section.hoverzoom:hover .is-overlay-bg{ transform: scale(1.2); } .is-section.hoverall .is-overlay-color, .is-section.hoverall .is-container{ opacity:0.0!important; } .is-section.hoverall .is-container{ transform: translateY(2rem); } .is-section.hoverall:hover .is-overlay-color{ opacity:0.7!important; } .is-section.hoverall:hover .is-container{ opacity:1!important; transform: translateY(0); } .is-section.hoverout:hover .is-overlay-color{ opacity:0!important; } .is-overlay .is-overlay-color { position:absolute;left:0px;top:0px;width:100%;height:100%; background-color: rgb(0, 0, 0);opacity: 0.15; } .is-overlay .is-overlay-content { position:absolute;left:0px;top:0px;width:100%;height:100%; overflow:hidden; z-index: inherit; /* dec 2017 */ } .is-overlay .is-overlay-content.content-selectable { z-index: 1 } /* dec 2017 */ /* .is-container { z-index: 1 } */ /* dec 2017 */ /* Section & Content Styles */ /* Background Color */ .is-bg-grey {background-color:#eeeff0 !important} .is-bg-dark {background-color:#111 !important} .is-bg-light {background-color:#fff !important} /* Text Color - alreday defined*/ /* .is-light-text * {color: #fff;} .is-dark-text * {color: #000;} */ /* Vertical Alignment */ .is-content-top { vertical-align:top; } .is-content-bottom { vertical-align:bottom } /* Horizontal Alignment */ /* Reuben adjusted to use 10% instead of 100px */ @media ( min-width: 600px) { .is-container.is-content-left { margin-left:10%; } .is-container.is-content-right { margin-right:10%; } } /* all content edge adjustments removed */ /* Text Alignment */ .is-align-right { text-align:right; } .is-align-center { text-align:center; } .is-align-left { text-align:left; } /* Text Opacity */ .is-opacity-20, .is-opacity-20 .is-container { opacity: 0.2; } .is-opacity-25, .is-opacity-25 .is-container { opacity: 0.25; } .is-opacity-30, .is-opacity-30 .is-container { opacity: 0.3; } .is-opacity-35, .is-opacity-35 .is-container { opacity: 0.35; } .is-opacity-40, .is-opacity-40 .is-container { opacity: 0.4; } .is-opacity-45, .is-opacity-45 .is-container { opacity: 0.45; } .is-opacity-50, .is-opacity-50 .is-container { opacity: 0.5; } .is-opacity-55 .is-container { opacity: 0.55; } .is-opacity-60, .is-opacity-60 .is-container { opacity: 0.6; } .is-opacity-65, .is-opacity-65 .is-container { opacity: 0.65; } .is-opacity-70, .is-opacity-70 .is-container { opacity: 0.7; } .is-opacity-75, .is-opacity-75 .is-container { opacity: 0.75; } .is-opacity-80, .is-opacity-80 .is-container { opacity: 0.8; } .is-opacity-85, .is-opacity-85 .is-container { opacity: 0.85; } .is-opacity-90, .is-opacity-90 .is-container { opacity: 0.9; } .is-opacity-95, .is-opacity-95 .is-container { opacity: 0.95; } .is-opacity-1 { opacity:1; } /* Content Size */ /* reuben removed important so can be overridden */ .is-content-380 { max-width: 380px ; } .is-content-500 { max-width: 500px ; } .is-content-640 { max-width: 640px ; } .is-content-800 { max-width: 800px ; } .is-content-970 { max-width: 970px ; } .is-content-980 { max-width: 980px ; } .is-content-1050 { max-width: 1050px ; } .is-content-1100 { max-width: 1100px ; } .is-content-1200 { max-width: 1200px ; } .is-content-1400 { max-width: 1400px ; } .is-content-1600 { max-width: 1600px ; } .is-content-maxwidth { max-width: none; width: 100%; margin: 0; } /* Andrew hacks for contentbox, was percent height before. */ .is-wrapper > div.is-section-20 {height:20vH;} .is-wrapper > div.is-section-30 {height:30vH;} .is-wrapper > div.is-section-40 {height:40vH;} .is-wrapper > div.is-section-50 {height:50vH;} .is-wrapper > div.is-section-60 {height:60vH;} .is-wrapper > div.is-section-75 {height:75vH;} .is-wrapper > div.is-section-100 {height:100vH;} .is-wrapper > div.is-section-auto {height:auto;} .is-section-auto .is-boxes{position:initial;} .is-box, .is-boxes{min-height:inherit;} /* Andrew specific rule 09/19 to fix two-col sections box positioning - remove if causes unexpected issue! */ .is-wrapper > .is-section > .is-boxes > .is-box{ vertical-align:top; } /* Back to standard content box */ .is-shadow-1 { /* for section */ -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07); box-shadow: 0 0 9px rgba(0, 0, 0, 0.07); } .is-lightbox img {cursor:pointer; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .is-lightbox img:hover {opacity:0.8} .is-hidden {display:none !important;} /* ---- SLICK Slider --- */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} @charset 'UTF-8';.slick-list,.slick-track{height:100%!important}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;padding:0;margin-top:-10px\9;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:hover:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:50px;line-height:1;opacity:.8;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:30px;z-index:11;opacity:.7;width:30px;height:30px;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2730px%27%20height%3D%2730px%27%20viewBox%3D%270%200%2050%2080%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20points%3D%2745.63%2C75.8%200.375%2C38.087%2045.63%2C0.375%20%27%3E%3C/polyline%3E%3C/svg%3E)!important}[dir=rtl] .slick-prev{right:-25px;left:auto}.slider-on-content .slick-prev{width:22px;height:22px;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2722px%27%20height%3D%2722px%27%20viewBox%3D%270%200%2050%2080%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20points%3D%2745.63%2C75.8%200.375%2C38.087%2045.63%2C0.375%20%27%3E%3C/polyline%3E%3C/svg%3E)!important}.slick-prev:hover{opacity:1}.slick-next{right:30px;z-index:11;opacity:.7;width:30px;height:30px;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2730px%27%20height%3D%2730px%27%20viewBox%3D%270%200%2050%2080%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20points%3D%270.375%2C0.375%2045.63%2C38.087%200.375%2C75.8%20%27%3E%3C/polyline%3E%3C/svg%3E)!important}[dir=rtl] .slick-next{right:auto;left:-25px}.slider-on-content .slick-next{width:22px;height:22px;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2722px%27%20height%3D%2722px%27%20viewBox%3D%270%200%2050%2080%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20points%3D%270.375%2C0.375%2045.63%2C38.087%200.375%2C75.8%20%27%3E%3C/polyline%3E%3C/svg%3E)!important}.slick-next:hover{opacity:1}.slick-slider{height:100%}.slick-dots{z-index:10;position:absolute;bottom:25px;margin:0;display:block;width:100%;padding:0;list-style:none;text-align:center}.slick-dots li,.slick-dots li button{width:10px;height:10px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;color:transparent;border:0;outline:0;background:0 0}.slick-dots li{position:relative;display:inline-block;margin:0 7px;border-radius:500px;border:1px solid rgba(255,255,255,.7)}.slick-dots li.slick-active,.slick-dots li:hover{background:rgba(255,255,255,.5)}.slick-dots.dark li{border:1px solid rgba(0,0,0,.5)}.slick-dots.dark li.slick-active,.slick-dots.dark li:hover{background:rgba(0,0,0,.7)} .slick-arrow,.slick-arrow:hover{ padding: 7px; height: 44px; width: 44px; background-repeat: no-repeat!important; background-color: rgba(0,0,0,0); } .slick-next,.slick-next:hover{ background-position: 65% center!important; } .slick-prev,.slick-prev:hover{ background-position: 35% center!important; } .slider-image { background-size:cover;background-position:50% 60%;background-repeat:no-repeat;width:100%;height:100%;display:table !important; } .slider-content{ display: table-cell;box-sizing:border-box;padding:50px 70px 50px;text-decoration:none;opacity:0.85} .slider-on-box .slider-content {padding:65px 80px 70px;} .slider-on-box .slick-dots {bottom:35px} /* video */ .is_video_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #000; } .is_video_bg .screen { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 0; transition: opacity 1s; } .is_video_bg .screen.active { opacity: 0.7; } .eventsDisabled{pointer-events: none;} /*Disable overlay text to allow video stop / play (optional)*/ .ineditor .eventsDisabled{pointer-events: all;} /*Allow overlay editing*/ /* --------------------------- CONTENT STUDIO -------------------- */ /* contentstudio minimalistbasic.css */ @media (min-width: 500px) { /* RSJ hack - rows need negative margin to compensate for equal padding on columns */ .row { margin-left: -1rem; margin-right: -1rem; } .column { float: left; padding-left: 1rem; /* beta3 */ padding-right: 1rem; /* beta3 */ } .column.full { width: 100%; } .column.two-third { width: 66.7%; } .column.three-fourth, .column.three-quarter { width: 75%; } .column.two-fifth { width: 40%!important; } .column.half { width: 50%; } .column.third { width: 33.3%; } .column.fourth, .column.quarter { width: 25%; } .column.fifth { width: 20%; } .column.three-fifth { width: 60%; } .column.four-fifth { width: 80%; } .column.sixth { width: 16.6%; } .column.seventh { width: 14.28%; } .column.eighth { width: 12.5%; } .column.two-sixth { width: 33.3%; }/* fixed innova bug */ .column.five-sixth { width: 83.4%; } .column.flow-opposite { float: right; order:99;} /*order allows this to work when a flex box*/ .row.inline-halves .column{ width:49%!important;} .row.inline-thirds .column{ width:33%!important;} .row.inline-fourths .column{ width:24%!important;} .row.inline-fifths .column{ width:19%!important;} .row.inline-sixths .column{ width:16%!important;} .row.inline-sevenths .column{ width:14%!important;} .row.inline-eighths .column{ width:12%!important;} /* RSJ media column dependent */ .right {text-align:right} .left {text-align:left} .padding-20 {padding:20px} .padding-25 {padding:25px} .padding-30 {padding:30px} .padding-35 {padding:35px} .padding-40 {padding:40px} .col-12, .col-md-12, .col-lg-12, .col-sm-12 { width: 100%; } .col-11, .col-md-11, .col-lg-11, .col-sm-11 { width: 91.6%; } .col-10, .col-md-10, .col-lg-10, .col-sm-10 { width: 83.3%; } .col-9, .col-md-9, .col-lg-9, .col-sm-9 { width: 75%; } .col-8, .col-md-8, .col-lg-8, .col-sm-8 { width: 66.7%; } .col-7, .col-md-7, .col-lg-7, .col-sm-7 { width: 58.3%; } .col-6, .col-md-6, .col-lg-6, .col-sm-6 { width: 50%; } .col-5, .col-md-5, .col-lg-5, .col-sm-5 { width: 41.6%; } .col-4, .col-md-4, .col-lg-4, .col-sm-4 { width: 33.3%; } .col-3, .col-md-3, .col-lg-3, .col-sm-3 { width: 25%; } .col-2, .col-md-2, .col-lg-2, .col-sm-2 { width: 16.6%; } .col-1, .col-md-1, .col-lg-1, .col-sm-1 { width: 8%; } } /* bootstrap grid */ @media (max-width: 500px) { .col-xs-12 { width: 100%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.7%; } .col-xs-6 { width: 50%; } .col-xs-4 { width: 33.3%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.6%; } .col-xs-1 { width: 8%; } } .center {text-align:center} .clearfix:before, .clearfix:after {content: " ";display: table; } .clearfix:before, .clearfix:after {clear: both;} /********************************** Elements ***********************************/ .margin-0 {margin:0 !important} .margin-20 {margin:20px !important} .margin-25 {margin:25px !important} .margin-30 {margin:30px !important} .margin-35 {margin:35px !important} .margin-40 {margin:40px !important} .is-card { display:table; background-color:#fff; } .is-card > * { display:table; } .is-card-circle { width:280px; height: 280px; border-radius:500px; padding:70px; margin:0 auto; } @media (max-width: 560px) { .is-card-circle { zoom:0.7; -moz-transform: scale(0.7); } body .row.inline-thirds .column, body .row.inline .column {display:block;} } .is-card-content-centered { display:table-cell;vertical-align:middle;text-align:center; } .max-390 { max-width:390px;margin:0 auto; } .shadow-1 { /* card */ -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); } .shadow-2 { /* screenshot */ -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); } .shadow-3 { /* highlight */ -webkit-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2); } figure.hdr img.noeffects, figure.hdr:hover img.noeffects, img.noeffects:hover { -webkit-transition: unset; transition: unset; -webkit-transform: unset; transform: unset; opacity: unset; } img.circle {border-radius:500px;margin-top:0;} img.rounded{border-radius:5px;} img.bordered {border: #ccc 1px solid;} img.boxshadow { -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.4); box-shadow: 2px 2px 5px rgba(0,0,0,0.4) ; } img.marginbump{ transition: 0.1s margin ease-in-out; } img.hoverfade{ transition: 0.2s opacity ease-in-out; } img.hovergray, img.hoverblur, img.hoverblurmin{ -webkit-transition: 0.2s -webkit-filter ease-in-out; -moz-transition: 0.2s -moz-filter ease-in-out; -moz-transition: 0.2s filter ease-in-out; -ms-transition: 0.2s -ms-filter ease-in-out; -o-transition: 0.2s -o-filter ease-in-out; transition: 0.2s filter linear, 0.2s -webkit-filter ease-in-out; } img.marginbump:hover {margin-top:-5px;margin-bottom:5px;} img.hovergray:hover{-webkit-filter: grayscale(100%); filter: grayscale(100%);} img.hoverblur:hover{-webkit-filter: blur(5px); filter: blur(5px);} img.hoverblurmin:hover{-webkit-filter: blur(1px); filter: blur(1px);} img.hoverfade:hover{opacity:0.7;} .embed-responsive {position: relative;display:block;height:0;padding:0;overflow:hidden;margin-top: 1.4em;margin-bottom: 1em;} .embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;} .embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;} .embed-responsive iframe {position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;} /*RSJ legacy hack */ .column figure {margin: 0 } .column > a > img, .column > img, .column > figure, .column > .embed-responsive { margin-top: 1em;margin-bottom: 1em; } .list {position:relative;margin:1.5em 0;} .list > ion-icon, .list > i {position:absolute;left:-3px;top:7px;font-size:1.7em;line-height:1;} .list > h2, .list > h3 {margin: 0 0 0 50px;} .list > p {margin: 5px 0 0 50px} .quote {position:relative;margin:1.5em;} .quote > ion-icon, .quote > i {position: absolute; left: -7px; font-size: 2em;} .quote > small {margin-left:50px; opacity: 0.7; font-size: 1em;} .quote > p {margin-left:50px; font-size: 1.5em;} @media all and (max-width: 540px) { .quote > ion-icon, .quote > i { font-size:1.5em;} .quote > small {margin-left:20px; font-size: 1em;} .quote > p {margin-left:20px; font-size: 1.2em;} } .is-social {line-height:1;margin-bottom:1.5em} .is-social a > i {text-decoration:none;color:#333;font-size:1.2em;margin:0 15px 0 0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} .is-social a:hover > ion-icon, .is-social a:hover > i {color:#08c9b9;} .is-light-text .is-social a > i {color:#fff} .is-light-text .is-social a:hover > i {color:#fff} .is-dark-text .is-social a > i {color:#000} .is-dark-text .is-social a:hover > i {color:#000} /* backward compatible */ .social {line-height:1;margin-bottom:1.5em} .social a > i {text-decoration:none;color:#333;font-size:1.2em;margin:0 15px 0 0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} .social a:hover > i {color:#08c9b9;} .is-light-text .social a > i {color:#fff} .is-light-text .social a:hover > i {color:#fff} .is-rounded-button-big {display:inline-block;} .is-rounded-button-big a {display:table;float:left;text-align:center;margin:0 20px;border-radius: 500px; width: 110px; height: 110px;background-color: #aaa;} .is-rounded-button-big a ion-icon, .is-rounded-button-big a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:40px} .is-rounded-button-big a ion-icon{ transform: scale(0.6); } .is-rounded-button-big a:first-child {margin:0 20px 0 0;} .is-rounded-button-big a:last-child {margin:0 0 0 20px;} .is-rounded-button-medium {display:inline-block;} .is-rounded-button-medium a {display:table;float:left;text-align:center;margin:0 20px;border-radius: 500px; width: 70px; height: 70px;background-color: #aaa;} .is-rounded-button-medium a ion-icon, .is-rounded-button-medium a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px} .is-rounded-button-medium a ion-icon{transform: scale(0.6); } .is-boxed-button-big {display:inline-block;} .is-boxed-button-big a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 110px; height: 110px;background-color: #aaa;} .is-boxed-button-big a ion-icon, .is-boxed-button-big a i {margin: 30%; display:inline-block;width:1em;height:1em;vertical-align:middle;color:#ffffff;font-size:40px; } .is-boxed-button-big2 {display:inline-block;} .is-boxed-button-big2 a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 150px; height: 70px;background-color: #aaa;} .is-boxed-button-big2 a ion-icon, .is-boxed-button-big2 a i {margin: 30%; display:inline-block;width:1em;height:1em;vertical-align:middle;color:#ffffff;font-size:35px} .is-boxed-button-medium {display:inline-block;} .is-boxed-button-medium a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 70px; height: 70px;background-color: #aaa;} .is-boxed-button-medium a ion-icon, .is-boxed-button-medium a i {margin: 30%; display:inline-block;width:1em;height:1em;vertical-align:middle;color:#ffffff;font-size:30px} .is-boxed-button-medium2 {display:inline-block;} .is-boxed-button-medium2 a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 100px; height: 50px;background-color: #aaa;} .is-boxed-button-medium2 a ion-icon, .is-boxed-button-medium2 a i {margin: 30%; display:inline-block;width:1em;height:1em;vertical-align:middle;color:#ffffff;font-size:25px} .is-boxed-button-small {display:inline-block;} .is-boxed-button-small a {display:table;float:left;text-align:center;margin:0 20px 0 0;width: 50px; height: 50px;background-color: #aaa;} .is-boxed-button-small a ion-icon, .is-boxed-button-small a i {margin: 30%; display:inline-block;width:1em;height:1em;vertical-align:middle;color:#ffffff;font-size:20px} .size-12 {font-size:12px} .size-14 {font-size:14px} .size-16 {font-size:16px} .size-18 {font-size:18px} .size-21 {font-size:21px} .size-24 {font-size:24px} .size-32 {font-size:32px} .size-48 {font-size:48px} .size-64 {font-size:64px} .size-80 {font-size:80px} .size-96 {font-size:96px} @media all and (max-width: 1024px) { .size-12 {font-size:12px} .size-14 {font-size:14px} .size-16 {font-size:16px} .size-18 {font-size:18px} .size-21 {font-size:21px} .size-24 {font-size:24px} .size-32 {font-size:28px} .size-48 {font-size:32px} .size-64 {font-size:36px} .size-80 {font-size:40px} .size-96 {font-size:44px} } /********************************** Title Styles ***********************************/ .is-light-text * {color: #fff;} .is-dark-text * {color: #000;} /* Style 1 */ .is-title1-96 {margin-top:20px;margin-bottom:20px;} .is-title1-80 {margin-top:15px;margin-bottom:15px;} .is-title1-64 {margin-top:15px;margin-bottom:15px;} .is-title1-48 {margin-top:15px;margin-bottom:15px;} .is-title1-32 {margin-top:15px;margin-bottom:15px;} /* Style 2 */ .is-title2-96 {margin-top:25px;margin-bottom:20px;} .is-title2-80 {margin-top:20px;margin-bottom:15px;} .is-title2-64 {margin-top:20px;margin-bottom:15px;} .is-title2-48 {margin-top:15px;margin-bottom:15px;} .is-title2-32 {margin-top:10px;margin-bottom:15px;} /* Style 3 */ .is-title3-96 {margin-top:30px;margin-bottom:35px;padding:20px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;} .is-title3-80 {margin-top:25px;margin-bottom:33px;padding:20px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;} .is-title3-64 {margin-top:20px;margin-bottom:30px;padding:18px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;} .is-title3-48 {margin-top:20px;margin-bottom:25px;padding:18px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;} .is-title3-32 {margin-top:20px;margin-bottom:20px;padding:15px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;} .is-light-text .is-title3-96 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;} .is-light-text .is-title3-80 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;} .is-light-text .is-title3-64 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;} .is-light-text .is-title3-48 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;} .is-light-text .is-title3-32 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;} .is-dark-text .is-title3-96 {border-top:#000 2px solid;border-bottom:#000 2px solid;} .is-dark-text .is-title3-80 {border-top:#000 2px solid;border-bottom:#000 2px solid;} .is-dark-text .is-title3-64 {border-top:#000 2px solid;border-bottom:#000 2px solid;} .is-dark-text .is-title3-48 {border-top:#000 2px solid;border-bottom:#000 2px solid;} .is-dark-text .is-title3-32 {border-top:#000 2px solid;border-bottom:#000 2px solid;} /* Style 4 */ .is-title4-96 {margin-top:30px;margin-bottom:35px;padding:20px 30px;border:#000 2px solid;} .is-title4-80 {margin-top:25px;margin-bottom:33px;padding:20px 30px;border:#000 2px solid;} .is-title4-64 {margin-top:20px;margin-bottom:30px;padding:18px 28px;border:#000 2px solid;} .is-title4-48 {margin-top:20px;margin-bottom:25px;padding:18px 25px;border:#000 2px solid;} .is-title4-32 {margin-top:20px;margin-bottom:20px;padding:15px 20px;border:#000 2px solid;} .is-light-text .is-title4-96 {border:#fff 2px solid;} .is-light-text .is-title4-80 {border:#fff 2px solid;} .is-light-text .is-title4-64 {border:#fff 2px solid;} .is-light-text .is-title4-48 {border:#fff 2px solid;} .is-light-text .is-title4-32 {border:#fff 2px solid;} .is-dark-text .is-title4-96 {border:#000 2px solid;} .is-dark-text .is-title4-80 {border:#000 2px solid;} .is-dark-text .is-title4-64 {border:#000 2px solid;} .is-dark-text .is-title4-48 {border:#000 2px solid;} .is-dark-text .is-title4-32 {border:#000 2px solid;} /* Style 5 */ .is-title5-96 {margin-top:10px;margin-bottom:35px;padding-bottom:25px;border-bottom:#000 2px solid;} .is-title5-80 {margin-top:10px;margin-bottom:33px;padding-bottom:25px;border-bottom:#000 2px solid;} .is-title5-64 {margin-top:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:#000 2px solid;} .is-title5-48 {margin-top:10px;margin-bottom:25px;padding-bottom:20px;border-bottom:#000 2px solid;} .is-title5-32 {margin-top:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:#000 2px solid;} .is-light-text .is-title5-96 {border-bottom:#fff 2px solid;} .is-light-text .is-title5-80 {border-bottom:#fff 2px solid;} .is-light-text .is-title5-64 {border-bottom:#fff 2px solid;} .is-light-text .is-title5-48 {border-bottom:#fff 2px solid;} .is-light-text .is-title5-32 {border-bottom:#fff 2px solid;} .is-dark-text .is-title5-96 {border-bottom:#000 2px solid;} .is-dark-text .is-title5-80 {border-bottom:#000 2px solid;} .is-dark-text .is-title5-64 {border-bottom:#000 2px solid;} .is-dark-text .is-title5-48 {border-bottom:#000 2px solid;} .is-dark-text .is-title5-32 {border-bottom:#000 2px solid;} /* Extra Title Styles */ .is-title-lite {letter-spacing:3px;word-spacing:5px;} .is-title-lite.is-title3-96, .is-title-lite.is-title4-96, .is-title-lite.is-title5-96 {letter-spacing:4px;word-spacing:8px;} .is-title-lite.is-title3-80, .is-title-lite.is-title4-80, .is-title-lite.is-title5-80 {letter-spacing:4px;word-spacing:8px;} .is-title-lite.is-title3-64, .is-title-lite.is-title4-64, .is-title-lite.is-title5-64 {letter-spacing:4px;word-spacing:8px;} .is-title-lite.is-title3-48, .is-title-lite.is-title4-48, .is-title-lite.is-title5-48 {letter-spacing:4px;word-spacing:8px;} .is-title-lite.is-title3-32, .is-title-lite.is-title4-32, .is-title-lite.is-title5-32 {letter-spacing:3px;word-spacing:5px;} .is-title-bold {font-weight:800;} .is-title-bold.is-title3-96, .is-title-bold.is-title4-96, .is-title-bold.is-title5-96 {border-width:4px;} .is-title-bold.is-title3-80, .is-title-bold.is-title4-80, .is-title-bold.is-title5-80 {border-width:4px;} .is-title-bold.is-title3-64, .is-title-bold.is-title4-64, .is-title-bold.is-title5-64 {border-width:3px;} .is-title-bold.is-title3-48, .is-title-bold.is-title4-48, .is-title-bold.is-title5-48 {border-width:3px;} .is-title-bold.is-title3-32, .is-title-bold.is-title4-32, .is-title-bold.is-title5-32 {border-width:2px;} /********************************** Into Styles ***********************************/ .is-info1 {margin-top:10px;margin-bottom:0px;font-style:italic;} .is-info1.size-21 {margin-top:12px;} .is-info1.size-24 {margin-top:15px;} .is-info2 {margin-top:10px;margin-bottom:0px;} .is-info2.size-21 {margin-top:12px;} .is-info2.size-24 {margin-top:15px;} /********************************** Buttons Styles ***********************************/ .is-btn { padding: 10px 50px; font-size: 1em; line-height: 2em; border-radius: 0; letter-spacing: 3px; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; -webkit-transition: all 0.16s ease; transition: all 0.16s ease; } /* ghost1 default */ .is-btn-ghost1 { color: #000; border: 2px solid #111; } .is-btn-ghost1:hover, .is-btn-ghost1:active, .is-btn-ghost1:focus { color: #fff; background-color: #111; border: 2px solid #111; text-decoration: none; } /* ghost1 light-text */ .is-light-text .is-btn-ghost1, .is-dark-text .is-light-text .is-btn-ghost1 { color: #fff; border: 2px solid #fff;} .is-light-text .is-btn-ghost1:hover, .is-light-text .is-btn-ghost1:active, .is-light-text .is-btn-ghost1:focus, .is-dark-text .is-light-text .is-btn-ghost1:hover, .is-dark-text .is-light-text .is-btn-ghost1:active, .is-dark-text .is-light-text .is-btn-ghost1:focus { color: #000; background-color: #fff; border: 2px solid #fff; } /* ghost1 dark-text */ .is-dark-text .is-btn-ghost1, .is-light-text .is-dark-text .is-btn-ghost1 { color: #000; border: 2px solid #111; } .is-dark-text .is-btn-ghost1:hover, .is-dark-text .is-btn-ghost1:active, .is-dark-text .is-btn-ghost1:focus, .is-light-text .is-dark-text .is-btn-ghost1:hover, .is-light-text .is-dark-text .is-btn-ghost1:active, .is-light-text .is-dark-text .is-btn-ghost1:focus { color: #fff; background-color: #111; border: 2px solid #111; } /* ghost2 default */ .is-btn-ghost2 { color: #000; border: 2px solid #d7d7d7; background-color: #d7d7d7; } .is-btn-ghost2:hover, .is-btn-ghost2:active, .is-btn-ghost2:focus { color: #000; background-color: #cdcdcd; border: 2px solid #cdcdcd; text-decoration: none; } /* ghost2 light-text */ .is-light-text .is-btn-ghost2, .is-dark-text .is-light-text .is-btn-ghost2 { color: #000; border: 2px solid #f9f9f9; background-color: #f9f9f9; } .is-light-text .is-btn-ghost2:hover, .is-light-text .is-btn-ghost2:active, .is-light-text .is-btn-ghost2:focus, .is-dark-text .is-light-text .is-btn-ghost2:hover, .is-dark-text .is-light-text .is-btn-ghost2:active, .is-dark-text .is-light-text .is-btn-ghost2:focus { color: #000; background-color: #fff; border: 2px solid #fff; } /* ghost2 dark-text */ .is-dark-text .is-btn-ghost2, .is-light-text .is-dark-text .is-btn-ghost2 { color: #000; border: 2px solid #d7d7d7; background-color: #d7d7d7; } .is-dark-text .is-btn-ghost2:hover, .is-dark-text .is-btn-ghost2:active, .is-dark-text .is-btn-ghost2:focus, .is-light-text .is-dark-text .is-btn-ghost2:hover, .is-light-text .is-dark-text .is-btn-ghost2:active, .is-light-text .is-dark-text .is-btn-ghost2:focus { color: #000; background-color: #cdcdcd; border: 2px solid #cdcdcd; } .is-btn-small { padding: 5px 25px; font-size: 0.85em; } .is-upper { text-transform:uppercase; } .is-rounded-30 { border-radius: 30px; } /* Old Buttons */ .btn, .btn-primary, .btn-default, .btn-small { padding: 3px; border-radius: 3px; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; -webkit-transition: all 0.16s ease; transition: all 0.16s ease; } .btn, .btn-primary, .btn-default { padding: 5px 20px; font-size: 1.2em; line-height: 2em; border-radius: 6px; } .btn-small { padding: 3px; font-size: inherit; line-height: inherit; border-radius: 3px; } .btn-small, .btn-default {color: #333333;background-color: #d3d3d3;} .btn-small, .btn-default:hover {color: #111;background-color: #ccc;border-color: #ccc;} .btn-primary {color: #ffffff;background-color: #08c9b9 ; border-color: black; } .btn-primary:hover {color: #ffffff;background-color:#07b0a2; } /* */ .cb-btn, input[type=button].cb-btn , input[type=submit].cb-btn , a.button.cb-btn , a.smallbutton.cb-btn {font-size:13px;color:white!important;font-weight:400;font-style:normal;line-height:43px;min-height:43px;} .btn-apply, input[type=button].btn-apply , input[type=submit].btn-apply , a.button.btn-apply , a.smallbutton.btn-apply {background:#00bf00!important;} .btn-cancel, input[type=button].btn-cancel , input[type=submit].btn-cancel , a.button.cancel , a.smallbutton.cancel {background:#9dd3d2!important;} /*washed out blue*/ .btn-savedata{background:orange;} .btn-inpage{background: #c2d3eb!important;} /********************************** RSJ hack Header Image with Caption .hdr is old school effect, ***********************************/ figure.hdr:hover img, img.hoverfade:hover { opacity:1; } figure.hdr img.nozoom { -webkit-transform: scale(1.0); transform: scale(1.0); } /* up/down partial fade, in/out complete fade - settings when applied to .row,.col,img,figure.hdr img*/ figure.hdr img.hoverzoom, img.hoverzoom, figure.hdr img.hoverfadeup,figure.hdr:hover img.hoverfadeup,img.hoverfadeup,.row.hoverfadeup img, .column.hoverfadeup img, figure.hdr img.hoverfadein,figure.hdr:hover img.hoverfadein,img.hoverfadein, .row.hoverfadedown img, .column.hoverfadedown img, figure.hdr img.hoverfadedown,figure.hdr:hover img.hoverfadedown,img.hoverfadedown,.row.hoverfadedown img, .column.hoverfadedown img, figure.hdr img.hoverfadeout,figure.hdr:hover img.hoverfadeout,img.hoverfadeout, .row.hoverfadein img, .column.hoverfadein img, figure.hdr img.hoverzoomin,figure.hdr:hover img.hoverzoomin,img.hoverzoomin,.hoverzoomin img, figure.hdr img.hoverzoomfade,figure.hdr:hover img.hoverzoomfade,img.hoverzoomfade,.hoverzoomfade img { -webkit-transition: all 0.35s, -webkit-transform 0.35s; transition: all 0.35s, transform 0.35s; } .hoverzoomin img, img.hoverzoomin{ display:block; -webkit-transform: scale(1); transform: scale(1); } figure.hdr img.hoverzoom, img.hoverzoom { -webkit-transform: scale(1.2); transform: scale(1.2); } figure.hdr img.hoverzoomfade,.hoverzoomfade figure.hdr img, img.hoverzoomfade { -webkit-transform: scale(1.2); transform: scale(1.2); opacity:0.8; } .hoverzoomin img:hover, img.hoverzoomin:hover{ -webkit-transform: scale(1.2); transform: scale(1.2); } .row.hoverzoomin .column figure, .column.hoverzoomin figure{margin-top:0;margin-bottom:0;} figure.hdr:hover img.hoverzoom , img.hoverzoom:hover { -webkit-transform: scale(1); transform: scale(1); } figure.hdr:hover img.hoverzoomfade,.hoverzoomfade figure.hdr:hover img, img.hoverzoomfade:hover { -webkit-transform: scale(1); transform: scale(1); opacity:0.5; } /*up*/ figure.hdr img.hoverfadeup,img.hoverfadeup, .row.hoverfadeup img, .column.hoverfadeup img { opacity: 0.6; } figure.hdr:hover img.hoverfadeup, img.hoverfadeup:hover, .hoverfadeup .column:hover img, .column.hoverfadeup:hover img { opacity: 1; } /*down*/ figure.hdr img.hoverfadedown, figure.hdr:hover img.hoverfadedown,img.hoverfadedown, .row.hoverfadedown img, .column.hoverfadedown img { opacity: 1; } figure.hdr:hover img.hoverfadedown,img.hoverfadedown:hover, .hoverfadedown .column:hover img, .column.hoverfadedown:hover img { opacity: 0.8; } /*in*/ figure.hdr img.hoverfadein,img.hoverfadein, .row.hoverfadein img, .column.hoverfadein img { opacity: 0; } figure.hdr:hover img.hoverfadein, img.hoverfadein:hover, .hoverfadein .column:hover img, .column.hoverfadein:hover img { opacity: 1; } /*out*/ figure.hdr img.hoverfadeout,img.hoverfadeout, .row.hoverfadeout img, .column.hoverfadeout img{ opacity: 1; } figure.hdr:hover img.hoverfadeout,img.hoverfadeout:hover, .hoverfadeout .column:hover img, .column.hoverfadeout:hover img { opacity: 0; } /********************************** Header Image with Caption ***********************************/ figure.hdr { position: relative; width: 100%; overflow:hidden; background-color: #000; background-color:inherit; /*from row*/ } .figdark figure.hdr,.figdark figure{ background-color: #000; } figure.hdr img { position: relative; display: block; width: 100%; /* opacity: 0.8; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.2); transform: scale(1.2); */ } /* figure.hdr:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } */ figure.hdr figcaption { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: 60%; padding: 0 2.5em; color: #fff; font-size: 1.55em; text-align: center; box-sizing: border-box; z-index:1; } /* Text */ figure.hdr h2 { font-weight: 300; text-transform: uppercase; } figure.hdr h2 span { font-weight: 800; } figure.hdr p { letter-spacing: 1px; font-size: 68.5%; text-transform: uppercase; } figure.hdr h2, figure.hdr p { margin: 0; z-index:10000; } /* Cosmetic */ figure.hdr div { height: 100%; z-index:0; } figure.hdr div::before, figure.hdr div::after { position: absolute; content: ''; } /* One */ figure.one div::before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } figure.one div::after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; } /* Two */ figure.two div::before { top: 30px; right: 30px; bottom: 30px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } figure.two div::after { top: 30px; right: 30px; bottom: 30px; left: 30px; border-right: 1px solid #fff; border-left: 1px solid #fff; } /* Three */ figure.three figcaption { height: 70%; } figure.three p { margin: 1em 0 0; padding: 2em; border: 1px solid #fff; } /* Four */ figure.four figcaption { height: 60%; text-align: left; } figure.four p { position: absolute; right: 50px; bottom: 50px; left: 50px; padding: 2em; border: 7px solid #fff; } /* Five */ figure.five figcaption { height: 100%; text-align: right; } figure.five h2 { position: absolute; left: 50px; right: 50px; top: 10%; border-bottom: 5px solid #fff; } figure.five p { position: absolute; right: 50px; bottom: 10%; } /* Six */ figure.six figcaption { height: 70%; } figure.six h2 { padding-bottom: 3%; border-bottom: 1px solid #fff; } figure.six p { padding-top: 6%; } /* Seven */ figure.seven figcaption { height: 90%; text-align:left; } figure.seven h2 { border-bottom: 3px solid #fff; } figure.seven p { padding-top: 1em; } /* Eight */ figure.eight figcaption { height: 100%; text-align: right; } figure.eight h2 { position: absolute; left: 50%; right: 50px; bottom: 10%; } figure.eight p { position: absolute; left: 50px; right: 50%; top: 10%; padding-right:0.5em; border-right: 1px solid #fff; } @media all and (max-width: 560px) { /*restyle above for mobile*/ .row figure.one div::before { top: 20px; right: 10px; bottom: 20px; left: 10px; } .row figure.one div::after { top: 10px; right: 20px; bottom: 10px; left: 20px; } } /********************************** Custom Snippet coding ***********************************/ ul.listUL { list-style: none; padding: 0; } ul.listUL li:first-child { border-top: 1px solid #ccc; } ul.listUL li { border-bottom: 1px solid #ccc; padding: 0.5rem 0; } .is-dark-text ul.listUL li:first-child {border-top: 1px solid #000;} .is-dark-text ul.listUL li { border-bottom: 1px solid #000;} .is-light-text ul.listUL li:first-child {border-top: 1px solid #fff;} .is-light-text ul.listUL li {border-bottom: 1px solid #fff;} .row.inline, .row.inline-thirds{text-align:center;} .row.inline .column, .row.inline-thirds .column{ display:inline-block; float:none; vertical-align:top; } .column.circbox { position: relative; padding: 1rem; } .column.circbox .circ { width: 100%; padding-top: 100%; border-radius: 500px; background: #efefef; position: relative; } .column.circbox .circ.circpad { width: 72%; padding-top: 72%; margin:14%; } .column.circbox .circtext { position: absolute; display: flex; top: 0; bottom: 0; left: 2rem; right: 2rem; flex-direction: column; justify-content: center; } /********************************** Andrew Flex Banner Snippet Css Legacy use - where possible use inline style ***********************************/ .flex{display:flex;} .flexcenter{justify-content:center;align-items:center;} .row.flex{height: 100%;} .row.flex .column{display:flex;flex-direction:column;} .row.flex .column.full{width:100%;} .row.flex.flexrow .column,.flexrow{flex-direction:row;} .row.flex .column.vcenter{justify-content:center;} /*vert center direction col*/ .row.flex .column.textblock{padding:2% 5%;} .row.flex .column.imgblock{padding:0;justify-content: center;} .row.flex .column.imgblock img{ align-self: center;} /*center non 100% width img*/ .row.flex.vcenter{align-items:center;} /*non-figcaption snippets*/ .row.flexblock{margin-left:0;margin-right:0;} #cmsAltBanner .row.flexblock{margin-left:-1rem;margin-right:-1rem;} /*normal*/ #cmsAltBanner .row.flex .column{padding-left:0;padding-right:0;} #cmsAltBanner li{height:100%;} .row.flex figure.hdr figcaption { height: 100%; display: flex; flex-direction: column; padding: 1.3em 3em; margin:0; pointer-events: none; } .ineditor .row.flex figure.hdr figcaption { pointer-events: all; /*allow text to be edited*/ } .row.flex.flexblock img{margin-top:0;margin-bottom:0;} .row.flex figure.hdr figcaption a{pointer-events:all;} .row.flex figcaption.vcenter{justify-content:center;} /* justify due to flex-dir column */ .row.flex figcaption.end{justify-content:flex-end;} .row.flex figcaption > div{flex:0;} /*fix for insert div on text align*/ .row.fleximages{display:flex;} .row.fleximages .column{width:auto;} /* Andrew Flex Banner Overlay Snippet Css */ #cmsBannerOverlay .flex.vcenter {display:flex;align-items:center;height:100%;padding:2% 5%;box-sizing:border-box;} /*Andrew Code Widgets - Base Styling*/ /*mimic column.full*/ .cb-widget{ padding-left:1rem; padding-right:1rem; } .cb-slider ul,.cb-grid ul{list-style:none;padding:0;} .cb-slider #divResizeHelper{display:none!important;} .cb-slider li .cmsItem{ padding:1rem; } .cb-slider .cmsItem .bloglistimage.floatRight, .cb-slider .floatRight img{ float:none; max-width:100%; margin-left:0; margin-right:0; } .cb-slider .slick-prev,.cb-slider .slick-next{display:none;} .cb-slider .slick-dots { bottom:0; } .cb-slider .slick-dots li { border: 1px solid #999; } .is-light-text .cb-slider .slick-dots li { border: 1px solid #fff; } .is-dark-text .cb-slider .slick-dots li { border: 1px solid #000; } .cb-slider .slick-dots li.slick-active, .slick-dots li:hover { background: #999; } .is-light-text .cb-slider .slick-dots li.slick-active,.is-light-text .slick-dots li:hover { background: #fff; } .is-dark-text .cb-slider .slick-dots li.slick-active,.is-light-text .slick-dots li:hover { background: #000; } .cb-slider .slick-slide img,.cb-grid .cmsImage img,.cb-grid .cmsImage.featuredimage img{width:100%;max-height:none;max-width:none;} .cb-grid ul li{width:100%;} .cb-grid ul .cmsItem{margin:0;} /* IE11 CSS GRID*/ @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){ .cb-grid ul li{ width:240px; display:inline-block; vertical-align:top; padding:1rem; } .cb-grid ul{text-align:center;} } /* Andrew Style Popup editor dedicated styles effexts */ .no-img-margin img, .no-inner-margin figure{margin: 0!important;} .disableClick figcaption, .disableClick figure.one > div{pointer-events:none!important;} .hunder h1,.hunder h2,.hunder h3,.hunder h4,h1.hunder,h2.hunder,h3.hunder,h4.hunder,.underline{padding-bottom:2rem;position: relative;} .hunder h1:before,.hunder h2:before,.hunder h3:before,.hunder h4:before, h1.hunder:before,h2.hunder:before,h3.hunder:before,h4.hunder:before,.underline:before{ content: "";position: absolute;width: 80px;height: 2px;bottom: 0;left: 50%;margin-left:-40px;border-bottom-width: 2px;border-bottom-style:solid; } .row.txtOnHover figure img,.column.txtOnHover figure img, .row.txtOnUpHover figure img,.column.txtOnUpHover figure img{ opacity:1; transition:opacity 0.5s ease!important; } .row.txtOnHoverZoom figure img,.column.txtOnHoverZoom figure img, .row.txtOnUpHoverZoom figure img,.column.txtOnUpHoverZoom figure img{ opacity:1; transition:all 0.5s ease!important; } .row.txtOnHover figure figcaption, .column.txtOnHover figure figcaption, .row.txtOnHoverZoom figure figcaption, .column.txtOnHoverZoom figure figcaption{ opacity:0; transition:all 0.5s ease; } .row.txtOnUpHover figure figcaption, .column.txtOnUpHover figure figcaption{ opacity:0; top:20px; transition:all 0.5s ease; } .row.txtOnHover figure:hover figcaption, .column.txtOnHover figure:hover figcaption, .row.txtOnUpHover figure:hover figcaption, .column.txtOnUpHover figure:hover figcaption, .row.txtOnHoverZoom figure:hover figcaption, .column.txtOnHoverZoom figure:hover figcaption { opacity:1; top:0px; } .row.txtOnHover figure:hover img, .column.txtOnHover figure:hover img, .row.txtOnUpHover figure:hover img, .column.txtOnUpHover figure:hover img{ opacity:0.6; } .row.txtOnHoverZoom figure:hover img, .column.txtOnHoverZoom figure:hover img, .row.txtOnUpHoverZoom figure:hover img, .column.txtOnUpHoverZoom figure:hover img{ opacity:0.6; -webkit-transform: scale(1.2); transform: scale(1.2); } /*move out of way of image icons to allow ease of editing*/ .ineditor .row.txtOnHover figure figcaption, .ineditor .column.txtOnHover figure figcaption .ineditor .row.txtOnUpHover figure figcaption, .ineditor .column.txtOnUpHover figure figcaption, .ineditor .row.txtOnHoverZoom figure figcaption, .ineditor .column.txtOnHoverZoom figure figcaption, .ineditor .row.txtOnUpHoverZoom figure figcaption, .ineditor .column.txtOnUpHoverZoom figure figcaption{ top:-25px; } /*Grid set to 240px as per featured items max width*/ .cb-grid ul{ display: grid!important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); grid-gap: 2rem; } /* IE10, IE11 GRID FIX*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .cb-grid ul li{ width:240px; } } /*Booking*/ .booking-grid { border-spacing: 0; border: 1px solid #333; width: 100%; table-layout: fixed; } .booking-grid td, .booking-grid th { font-size: 9pt; text-align: center; background-color: #AAA; color: #888; padding: 0; border: 1px solid #666; } .booking-grid th { background-color: #999; color: #000; font-style: italic; overflow: hidden; } .month-grid td { width: 13%; vertical-align: top; } .booking-grid td.available { background-color: #EEE; } .booking-grid td.available a:hover { background-color: #33bb33; } .booking-grid td.available.booking-duration-restriction { background-color: #CCC; } .booking-grid td.summary { background-color: #EEE; } .booking-grid td.booking-start { background-color: #33bb33; color: #000; } .booking-grid td.empty { background-color: #EEE; } .booking-grid td.empty.off-duty { background-color: #CCC; } .booking-grid td.editable-booking { background-color: #AAA; } .booking-grid a { display: block; color: #888; text-decoration: none; font-size: 9pt; } .booking-grid th a { color: #333; font-weight: 700; } .booking-grid span.month-grid-date { display: block; text-align: right; padding-right: 10px; } .booking-grid a.month-grid-link { text-align: left; padding-left: 10px; } .booking-grid div.month-grid-text { text-align: left; padding-left: 10px; } .booking-grid a.summary-cell-link { font-weight: 700; } .booking-grid a.edit-booking-link { color: #333; font-weight: bold; } .booking-box { background-color: #AAA; } .booking-box.booking-box-draggable { background-color: #777; } /* our social media icons */ .socialmediaicons img , .dirlistingsocialmediaicons img { max-width: 32px; max-height: 32px;} .socialmediaicons ion-icon , .dirlistingsocialmediaicons ion-icon , .socialmediaicons i.icon , .dirlistingsocialmediaicons i.icon { display: inline-block; width: 32px; font-size: 22px; padding: 5px; background: #999; color: white; box-sizing: border-box; height: 32px; vertical-align: bottom; } a.socialmediaicon { line-height: 32px; text-align: center; } a.socialmediaicon:hover ion-icon, a.socialmediaicon:hover i.icon { background: black; color: white; } /* add this icons */ .at-style-responsive .at-share-btn { padding: 0px 3px !important; height: 32px !important; line-height: 32px !important; } /*AJ hide deferred animation elements - stored with data-class*/ .animationDefered[data-class-saved]{opacity:0;} .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInUp { animation-name: fadeInUp; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .rollIn { animation-name: rollIn; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* default menu layouts start */ .cmsDefaultMenu #menu, .cmsDefaultMenu { position:relative; height: auto; /* fix common styling mistake */ } .cmsDefaultMenu ul { list-style: none; margin: 0; padding: 0; } .cmsDefaultMenu ul>li { display: block; float: none !important; position: relative; margin: 0; } .cmsHorizontalMenu ul { text-align: center; } .cmsHorizontalMenu ul>li { margin: 0px 15px; display: inline-block; float: none; /*fix some common issues */ } .cmsDefaultMenu.cmsVerticalMenu { max-width: 300px; } .cmsDefaultMenu.cmsVerticalMenu ul>li { display: block !important; } .cmsDefaultMenu ul>li li { display: block !important; margin: 0 !important; box-sizing: border-box; } .cmsHorizontalMenu ul>li>ul, .cmsVerticalMenu ul>li>ul { position: absolute; display:none; margin: 0; min-width: 240px; max-width: 320px; background-color: rgba(255,255,255,0.7); text-align: left; } .cmsDefaultMenu ul>li:hover>ul { display:block !important; } .cmsHorizontalMenu ul ul>li:hover>ul, .cmsVerticalMenu ul>li:hover>ul { display:block !important; left: 100% !important; top: 0 !important; margin:0 !important; } .cmsHorizontalMenu ul>li:hover>ul { display:block !important; left: 0 !important; top:auto !important; margin: 0 !important; } .cmsDefaultMenu li a { line-height: 200%; margin: 1px; text-decoration: none; display: block; padding: 5px; width: 100% !important; box-sizing: border-box; } .cmsSiteMapMenu #menu ul { display:flex; margin:0; padding: 0; float: none; } .cmsSiteMapMenu #menu ul ul { display:block !important; position: relative !important; left: auto !important; font-size: 80%; } .cmsSiteMapMenu #menu ul ul ul { margin-left: 5%; } .cmsSiteMapMenu #menu ul>li { text-align: left; padding: 1px 5px; display:block; float: none; border: none !important; background: none !important; } .cmsSiteMapMenu #menu ul>li li { float: none; display:block; width: auto; } .cmsSiteMapMenu #menu ul>li a { line-height: inherit; padding: 0; background: none !important; border: none !important; width: 100% !important; } /* fix some common issues, when overridding */ .cmsVerticalMenu #menu { height: auto; } .cmsHorizontalMenu #menu , .cmsHorizontalMenu #menu ul { width: 100%; float: none; max-width: none; } /* default menu layouts end */ @keyframes animScarcity { from { opacity: 0; transform: translate3d(-800%, 0, 0); } 12% { opacity: 1; transform: translate3d(0, 0, 0); } 38% { transform: scale3d(1, 1, 1); } 42% { transform: scale3d(1.25, 0.75, 1); } 46% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 54% { transform: scale3d(0.95, 1.05, 1); } 58% { transform: scale3d(1.05, 0.95, 1); } 62% { transform: scale3d(1, 1, 1); } 88% { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d( 700%, 0, 0); display:none; } } .cmsScarcityMessages { padding: 10px; position: fixed; bottom: 10px; border-radius: 4px; right: 40%; margin: auto; z-index: 99; font-size: 150%; animation-name: animScarcity; animation-delay: 1s; animation-duration: 8s; animation-fill-mode: both; color: white; background:#dd4938; box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5) ; } .hide, .hidden { display:none; } .cmsForumStarRating { float: right; } #cmsStarRating .stars { font-size: 170%; color: #999; unicode-bidi: bidi-override; } #cmsStarRating .stars > span.star { display: inline-block; position: relative; } #cmsStarRating .stars .starOn:before { content: "\2605"; position: absolute; color: #933; } .ratingSummary { color: #999; font-size: 70%; } /* #cmsStarRating .stars { direction: rtl; text-align: left; } #cmsStarRating .stars .starOnMyRating:before, #cmsStarRating .stars > span.star:hover:before, #cmsStarRating .stars > span.star:hover ~ span.star:before { content: "\2605"; color: #333; position: absolute; } */ .mytable { background: #eee; border-spacing: 1px; padding: 1px; } .mytable>tr>td, .mytable>tbody>tr>td{ background: white; margin: 0; border: 0; color: #333; vertical-align: top; padding: 3px; font-weight: normal; font-size: 90%; word-wrap: break-word; word-break: break-word; } .mytable tr th { padding: 4px; background-color: #666666; color:white; vertical-align: middle; text-align:left; font-size: 90%; } .mytable tr:hover td { background-color: #ddd; background-image: none; } .mytable tr>td>input:not([type]), .mytable tr>td>input[type="text"], .mytable tr>td>input[type="number"], .mytable tr>td>input[type="decimal"], .mytable tr>td>textarea, .mytable tr>td>select { width: 99%; min-width: 60px; } .mytable input[type="checkbox"] { width:20px; height: 20px; } .sessionLoggedIn {padding: 2rem; border: 1px solid #222222;} .sessionLoggedIn .sessionLoginButtons { display: block; margin-top: 20px;} .sessionLoggedIn a{border-radius:0;text-transform:uppercase; border: 1px solid #222;font-size: 1.0em!important; letter-spacing: 0.5px;} .sessionLoggedIn a.btn-retrieve-session { background: #f1df0d; color: black; } .sessionLoggedIn a.btn-retrieve-session:hover { background:#ffea00;} .sessionLoggedIn a.btn-logout { background: #393c47; color: white; } .sessionLoggedIn a.btn-logout:hover { background: #222; text-decoration:none; } /* New form editor, enables radio items on one line... but spaced... */ .inputOptionSingleLine div { display: inline-block; margin-right: 10px; } /* multi column alignment */ @media all and (min-width: 560px) { .row.vAlignMiddle { display: flex !important; } .row.vAlignMiddle .column { display: flex !important; flex-direction: column!important; justify-content: center !important;} .row.vAlignBottom { display: flex !important; } .row.vAlignBottom .column { display: flex !important; flex-direction: column!important; justify-content: flex-end !important;} .row.vAlignTop { display: flex !important; } .row.vAlignTop .column { display: flex !important; flex-direction: column!important; justify-content: start !important;} }