/* -------------------------------- xnugget info -------------------------------- */ .cd-nugget-info { position: absolute; width: 100%; height: 50px; line-height: 50px; top: 0; left: 0; } .cd-nugget-info a { position: relative; font-size: 14px; color: #925398; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .no-touch .cd-nugget-info a:hover { opacity: .8; } .cd-nugget-info span { vertical-align: middle; display: inline-block; } .cd-nugget-info span svg { display: block; } .cd-nugget-info .cd-nugget-info-arrow { fill: #925398; } /* -------------------------------- xcarbonads -------------------------------- */ #carbonads-container, #ui8ads-container { position: fixed; top: 80px; right: 5%; width: 180px; display: none; z-index: 100; } #carbonads-container .close-carbon-adv, #carbonads-container .close-ui8-adv, #ui8ads-container .close-carbon-adv, #ui8ads-container .close-ui8-adv { display: inline-block; position: absolute; top: 0; right: 100%; background: rgba(19, 11, 20, 0.8); text-indent: 100%; overflow: hidden; width: 32px; height: 32px; } #carbonads-container .close-carbon-adv:hover, #carbonads-container .close-ui8-adv:hover, #ui8ads-container .close-carbon-adv:hover, #ui8ads-container .close-ui8-adv:hover { background: #130b14; } #carbonads-container .close-carbon-adv::after, #carbonads-container .close-carbon-adv::before, #carbonads-container .close-ui8-adv::after, #carbonads-container .close-ui8-adv::before, #ui8ads-container .close-carbon-adv::after, #ui8ads-container .close-carbon-adv::before, #ui8ads-container .close-ui8-adv::after, #ui8ads-container .close-ui8-adv::before { content: ''; background-color: #fff; height: 2px; width: 14px; position: absolute; top: 14px; left: 9px; } #carbonads-container .close-carbon-adv::after, #carbonads-container .close-ui8-adv::after, #ui8ads-container .close-carbon-adv::after, #ui8ads-container .close-ui8-adv::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #carbonads-container .close-carbon-adv::before, #carbonads-container .close-ui8-adv::before, #ui8ads-container .close-carbon-adv::before, #ui8ads-container .close-ui8-adv::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #carbonads-container .carbonad, #carbonads-container .ui8ad, #ui8ads-container .carbonad, #ui8ads-container .ui8ad { background: rgba(255, 255, 255, 0.9); border: none; width: 100%; height: auto; padding: 14px; text-align: center; border-radius: 0 3px 3px 3px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } #carbonads-container .carbonad .carbonad-image img, #carbonads-container .carbonad .ui8ad-image img, #carbonads-container .ui8ad .carbonad-image img, #carbonads-container .ui8ad .ui8ad-image img, #ui8ads-container .carbonad .carbonad-image img, #ui8ads-container .carbonad .ui8ad-image img, #ui8ads-container .ui8ad .carbonad-image img, #ui8ads-container .ui8ad .ui8ad-image img { width: 130px; } #carbonads-container .carbonad .carbonad-image img, #carbonads-container .ui8ad .carbonad-image img, #ui8ads-container .carbonad .carbonad-image img, #ui8ads-container .ui8ad .carbonad-image img { margin: 0 0 10px 10px; } #carbonads-container .carbonad .ui8ad-image img, #carbonads-container .carbonad .carbon-img img, #carbonads-container .ui8ad .ui8ad-image img, #carbonads-container .ui8ad .carbon-img img, #ui8ads-container .carbonad .ui8ad-image img, #ui8ads-container .carbonad .carbon-img img, #ui8ads-container .ui8ad .ui8ad-image img, #ui8ads-container .ui8ad .carbon-img img { margin: 0 10px 10px; width: 130px; } #carbonads-container .carbonad .carbon-text, #carbonads-container .carbonad .carbonad-tag, #carbonads-container .carbonad .carbon-poweredby, #carbonads-container .carbonad .ui8ad-text, #carbonads-container .carbonad .ui8ad-tag, #carbonads-container .ui8ad .carbon-text, #carbonads-container .ui8ad .carbonad-tag, #carbonads-container .ui8ad .carbon-poweredby, #carbonads-container .ui8ad .ui8ad-text, #carbonads-container .ui8ad .ui8ad-tag, #ui8ads-container .carbonad .carbon-text, #ui8ads-container .carbonad .carbonad-tag, #ui8ads-container .carbonad .carbon-poweredby, #ui8ads-container .carbonad .ui8ad-text, #ui8ads-container .carbonad .ui8ad-tag, #ui8ads-container .ui8ad .carbon-text, #ui8ads-container .ui8ad .carbonad-tag, #ui8ads-container .ui8ad .carbon-poweredby, #ui8ads-container .ui8ad .ui8ad-text, #ui8ads-container .ui8ad .ui8ad-tag { font-family: 'Helvetica Neue', Arial, sans-serif; } #carbonads-container .carbonad .carbon-wrap, #carbonads-container .carbonad .ui8ad-text, #carbonads-container .ui8ad .carbon-wrap, #carbonads-container .ui8ad .ui8ad-text, #ui8ads-container .carbonad .carbon-wrap, #ui8ads-container .carbonad .ui8ad-text, #ui8ads-container .ui8ad .carbon-wrap, #ui8ads-container .ui8ad .ui8ad-text { display: block; width: 100%; padding: 0; } #carbonads-container .carbonad .carbon-wrap a, #carbonads-container .carbonad .ui8ad-text a, #carbonads-container .ui8ad .carbon-wrap a, #carbonads-container .ui8ad .ui8ad-text a, #ui8ads-container .carbonad .carbon-wrap a, #ui8ads-container .carbonad .ui8ad-text a, #ui8ads-container .ui8ad .carbon-wrap a, #ui8ads-container .ui8ad .ui8ad-text a { color: #41307c; font-size: 13px; font-weight: bold; } .no-touch #carbonads-container .carbonad .carbon-wrap a:hover, .no-touch #carbonads-container .carbonad .ui8ad-text a:hover, .no-touch #carbonads-container .ui8ad .carbon-wrap a:hover, .no-touch #carbonads-container .ui8ad .ui8ad-text a:hover, .no-touch #ui8ads-container .carbonad .carbon-wrap a:hover, .no-touch #ui8ads-container .carbonad .ui8ad-text a:hover, .no-touch #ui8ads-container .ui8ad .carbon-wrap a:hover, .no-touch #ui8ads-container .ui8ad .ui8ad-text a:hover { text-decoration: underline; } #carbonads-container .carbonad .carbonad-tag, #carbonads-container .carbonad .carbon-poweredby, #carbonads-container .carbonad .ui8ad-tag, #carbonads-container .ui8ad .carbonad-tag, #carbonads-container .ui8ad .carbon-poweredby, #carbonads-container .ui8ad .ui8ad-tag, #ui8ads-container .carbonad .carbonad-tag, #ui8ads-container .carbonad .carbon-poweredby, #ui8ads-container .carbonad .ui8ad-tag, #ui8ads-container .ui8ad .carbonad-tag, #ui8ads-container .ui8ad .carbon-poweredby, #ui8ads-container .ui8ad .ui8ad-tag { margin-top: 5px; color: #331d35; } #carbonads-container .carbonad .carbonad-tag a, #carbonads-container .carbonad .carbon-poweredby a, #carbonads-container .carbonad .ui8ad-tag a, #carbonads-container .ui8ad .carbonad-tag a, #carbonads-container .ui8ad .carbon-poweredby a, #carbonads-container .ui8ad .ui8ad-tag a, #ui8ads-container .carbonad .carbonad-tag a, #ui8ads-container .carbonad .carbon-poweredby a, #ui8ads-container .carbonad .ui8ad-tag a, #ui8ads-container .ui8ad .carbonad-tag a, #ui8ads-container .ui8ad .carbon-poweredby a, #ui8ads-container .ui8ad .ui8ad-tag a { color: #331d35; } #carbonads-container .carbonad .carbonad-tag a:hover, #carbonads-container .carbonad .carbon-poweredby a:hover, #carbonads-container .carbonad .ui8ad-tag a:hover, #carbonads-container .ui8ad .carbonad-tag a:hover, #carbonads-container .ui8ad .carbon-poweredby a:hover, #carbonads-container .ui8ad .ui8ad-tag a:hover, #ui8ads-container .carbonad .carbonad-tag a:hover, #ui8ads-container .carbonad .carbon-poweredby a:hover, #ui8ads-container .carbonad .ui8ad-tag a:hover, #ui8ads-container .ui8ad .carbonad-tag a:hover, #ui8ads-container .ui8ad .carbon-poweredby a:hover, #ui8ads-container .ui8ad .ui8ad-tag a:hover { color: #41307c; } #carbonads-container .carbonad .ui8ad-tag, #carbonads-container .carbonad .carbon-poweredby, #carbonads-container .ui8ad .ui8ad-tag, #carbonads-container .ui8ad .carbon-poweredby, #ui8ads-container .carbonad .ui8ad-tag, #ui8ads-container .carbonad .carbon-poweredby, #ui8ads-container .ui8ad .ui8ad-tag, #ui8ads-container .ui8ad .carbon-poweredby { display: inline-block; font-size: 11px; line-height: 15px; } @media only screen and (min-width: 1170px) { #carbonads-container, #ui8ads-container { display: block; } } /* -------------------------------- Main Components -------------------------------- */ .cd-header { position: relative; height: 150px; background-color: #331d35; } .cd-header h1 { color: #ffffff; line-height: 150px; text-align: center; font-size: 2.4rem; font-weight: 300; } @media only screen and (min-width: 1170px) { .cd-header { height: 200px; } .cd-header h1 { line-height: 200px; } } } /* -------------------------------- xgallery -------------------------------- */ .cd-gallery{ margin:0px; padding:0px; } .cd-gallery li { display: none; } .cd-gallery li.gap { /* used in combination with text-align: justify to align gallery elements */ opacity: 0; height: 0; display: inline-block; } .cd-gallery .cd-fail-message { display: none; text-align: center; } /* -------------------------------- xcustom form elements -------------------------------- */ } a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:-30px; margin-left:28px; width:300px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/ a.tooltip span { border-radius:4px; box-shadow: 5px 5px 8px #CCC; }