/* /var/home/blendcms/bm3000.com/www/css/cms-style.css */ /* MAIN */ html { -moz-box-sizing: border-box; box-sizing: border-box; margin: auto; height: 100%; } *, *:before, *:after { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #737373; text-align:left; margin:0px; padding:0 !important; -webkit-font-smoothing: antialiased; background: #F2F7FA; /*height:100%;*/ -moz-box-sizing: inherit; box-sizing: inherit; } img { border: none; } a { color: #5CA5C8; text-decoration: none; } .clear { clear:both; } .hidden { display: none !important; } .future * { background: #F00; } .header_title { font-size: 20px; color: #EFEFEF; background:#13BC0F; padding:10px; margin-bottom:10px; } .header_gray { color: #737373; } .content_title { font-size: 20px; color: #737373; font-weight: bold; } .content_title_number { font-size: 20px; color: #72BFEA; font-weight: bold; } .edit-link { color:red; font-weight:bold; cursor: pointer; } .edit-link:hover { color:blue; } .red-text { color:#FC5F4E; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F2F7FA; } ::-webkit-scrollbar { width: 12px; background-color: #F2F7FA; } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #B8BCBF; } /* SIDE NAVIGATION */ #cms-mobile-nav { display: none; } #cms-side-nav { width:275px; height:100% !important; z-index: 1000; background:#212A33; padding:0px; position: fixed; top:0px; font-size: 16px; line-height: 125%;font-family: 'Lato',Arial, Helvetica, sans-serif;font-weight: normal; color: #B8BCBF; text-align:left; margin:0px; -webkit-font-smoothing: antialiased; -moz-box-sizing: inherit; box-sizing: inherit; -webkit-box-shadow: inset -7px 0px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: inset -7px 0px 5px 0px rgba(0,0,0,0.05); box-shadow: inset -7px 0px 5px 0px rgba(0,0,0,0.05); } #cms-side-nav p { margin:0 0 1em 0; } #cms-side-nav h3 { margin: 0; display: block; font:inherit; font-weight:bold; font-size: 13px; color:#66696E; text-transform: uppercase; font-family: 'Lato',Arial, Helvetica, sans-serif; background-color:transparent;} #cms-side-nav h3.small { font-size: 13px; padding-bottom:0; } #cms-side-nav form.domains, #cms-side-nav .navbar-section a, #cms-side-nav h3 { padding: 6px 25px; } #cms-side-nav #cms-navigation { margin-bottom:110px; } #cms-side-nav #cms-navigation.scroll { overflow-y: scroll; height:calc(100% - 110px) } #cms-side-nav #cms-navigation.scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #212A33; } #cms-side-nav #cms-navigation.scroll::-webkit-scrollbar { width: 12px; background-color: #212A33; } #cms-side-nav #cms-navigation.scroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #48545d; } #cms-side-nav select { font-size:14px; padding:10px 15px 5px 12px; border:1px solid #DDD; width:100%; min-height:25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #cms-side-nav select option { width:100%; } #cms-side-nav #domain-list { -webkit-appearance: menulist; padding:0px; } #cms-side-nav * { line-height: inherit; letter-spacing:0; font-weight:inherit; font-size: inherit; text-transform:inherit; } #cms-side-nav .navbar-section { margin-bottom:20px; } #cms-side-nav .navbar-section span { color: #72BFEA; } #cms-side-nav .navbar-section ul { margin:0; padding:0; list-style: none; } #cms-side-nav .navbar-section ul li { margin: 0 !important; padding:0px !important; font-size:initial !important; line-height:initial !important; background:none !important;} #cms-side-nav .navbar-section a { font-family: 'Lato',Arial, Helvetica, sans-serif; color: #B8BCBF; text-decoration: none; display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #cms-side-nav .navbar-section a:hover { color: #FFF; background: #374047; } #cms-side-nav .navbar-section a i.fa { width:20px; margin:0 10px 0 0; color:#64696D; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #cms-side-nav .navbar-section a i.ml { margin: 0 0 0 5px; } #cms-side-nav .navbar-section a:hover i { color: #FFF; } #cms-side-nav .navbar-section ul.secondary-nav a { padding-left:75px; } #cms-side-nav .navbar-section ul li.nav-view-staging { border-top:1px solid #374047; margin-top: 20px !important; padding-top: 20px !important; } #cms-side-nav .navbar-section ul li.nav-publish-all a, #cms-side-nav .navbar-section ul li.nav-publish-all-disabled a { display: inline-block; background:#1A2127; border:1px solid #374047; padding:15px 30px; } #cms-side-nav .navbar-section ul li.nav-publish-all-disabled a, #cms-side-nav .navbar-section ul li.nav-publish-all a:hover { background: #374047; } #cms-side-nav .navbar-section ul li.nav-publish-all-disabled a:hover {color: #B8BCBF;} #cms-side-nav .navbar-section ul li.nav-publish-all, #cms-side-nav .navbar-section ul li.nav-publish-all-disabled { padding: 15px 35px 25px 35px !important; border-bottom:1px solid #374047; } /*#cms-side-nav { -webkit-box-shadow: inset -7px 0px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset -7px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: inset -7px 0px 5px 0px rgba(0,0,0,0.25); }*/ #cms-side-nav form.domains { display: block; font-size:12px; color:#000; } #cms-side-nav form.domains select { margin:0px; width:100%; color:#000; font:inherit; font-size:14px; } #cms-side-nav #side-bottom { position: absolute; bottom:0; width:100%; } #cms-side-nav .cms-logo-side { position: absolute; bottom:55px; margin: 0 0 20px 22px; } #cms-side-nav #settings { background:#181F25 !important; color:#636466; width: 100%; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #cms-side-nav #settings i { margin-right:20px; } #cms-side-nav #settings .settings-header { font-weight: bold; text-transform: uppercase; cursor: pointer; padding:20px; } #cms-side-nav #settings .settings-content { max-height:0px; overflow: hidden; color: #B8B9BD; padding:0px 10px 0px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cms-side-nav #settings .settings-content a { display: block; color: #B8B9BD; } #cms-side-nav #settings .settings-header i { transform: rotate( 0deg ); transition: transform 750ms ease; } #cms-side-nav #settings.active .settings-header i { transform: rotate( -180deg ); transition: transform 750ms ease; } /* LOGIN */ body.login #video-background, body.mfa_verify #video-background, body.mfa_enroll #video-background, body.mfa_disable #video-background { position: absolute; width: 100%; height: 100%; } body.login #video-background video, body.mfa_verify #video-background video, body.mfa_enroll #video-background video, body.mfa_disable #video-background video { position: absolute; min-width: 100%; min-height: 100%; } body.login #video-background #grid-overlay, body.mfa_verify #video-background #grid-overlay, body.mfa_enroll #video-background #grid-overlay, body.mfa_disable #video-background #grid-overlay { position: absolute; width: 100%; height: 100%; z-index: 2; opacity: 0.15; background: url(/images/grid-overlay.png); } body.login #main-container, body.mfa_verify #main-container, body.mfa_enroll #main-container, body.mfa_disable #main-container { position: relative; z-index:10; height: 100%; } body.login, body.mfa_verify, body.mfa_enroll, body.mfa_disable { background-color: #212A33; color: #1b75bb; font-family: 'Lato', Arial, Helvetica, sans-serif; overflow: hidden; } body.login .top-bar, body.mfa_verify .top-bar, body.mfa_enroll .top-bar, body.mfa_disable .top-bar { width:100%; left:0; top:0; box-sizing: border-box; background: #000; color:#000; padding: 25px; position: relative; } body.login .top-bar .blender-logo, body.mfa_verify .top-bar .blender-logo, body.mfa_enroll .top-bar .blender-logo, body.mfa_disable .top-bar .blender-logo { max-width:1200px; margin:auto; } body.login #cms-main-area, body.mfa_verify #cms-main-area, body.mfa_enroll #cms-main-area, body.mfa_disable #cms-main-area { margin-left: 0; padding:0; } body.login .container, body.mfa_verify .container, body.mfa_enroll .container, body.mfa_disable .container {max-width:530px; padding: 0px 15px 80px 15px; margin:auto; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); position: relative;} body.login #logo, body.mfa_verify #logo, body.mfa_enroll #logo, body.mfa_disable #logo {padding-bottom:40px;} body.login .cms-input.input-text input:focus, body.mfa_verify .cms-input.input-text input:focus, body.mfa_enroll .cms-input.input-text input:focus, body.mfa_disable .cms-input.input-text input:focus { border:2px solid #148ABA; } body.login p, body.mfa_verify p, body.mfa_enroll p, body.mfa_disable p { color:#FFF; line-height: 175%; } body.login p a, body.mfa_verify p a, body.mfa_enroll p a, body.mfa_disable p a { text-decoration: underline; color:#0b8bb6; -webkit-transition: 0.5s; } body.login p a:hover, body.mfa_verify p a:hover, body.mfa_enroll p a:hover, body.mfa_disable p a:hover { color:#FFF; } body.login #submit:hover, body.mfa_verify #submit:hover, body.mfa_enroll #submit:hover, body.mfa_disable #submit:hover { border-color:#FFF; } /* STATUS PAGE */ .top-status { padding:25px; background:#FC5F4E; color:#FFF; font-size:16px; position: relative; left:-25px; top:-25px; width:calc(100% + 50px); display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .top-status.success {background:#148aba; } .top-status.success .close { float:right; position: relative; cursor: pointer; font-family: FontAwesome; } .top-status.success i { margin-right: 10px; } .top-status.hidden-page { background:#C00; left:0; top:0; text-align: center; } .top-status:after { display: block; height: 0; clear: both; } .top-status .container { display: table-row;} .top-status .container div.date { font-weight: bold; display: table-cell; padding-right:10px; vertical-align: top; white-space: nowrap;} .top-status .container div.details { display: table-cell; border-left:1px solid #FFF; padding-left:10px; width: 100%; } /*#authorized-contact.status-item { float:left; width:49%; } #contract-details.status-item { float:right; width:49%; }*/ section.cms.content h3.status-header { font-size:18px; } #contract-details { float:left; width:49%; } #authorized-contact { float:right; /*width:49%;*/ width: 100%; } #authorized-contact .status-details p { float:left; width:50%; } #authorized-contact .status-details p:nth-of-type(odd) { clear: both; } .status-details { padding:10px; background:#FFF; border:1px solid #EAEAEA; margin-bottom:15px; } .status-details:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } #authorized-contact .status-details { border:1px solid #EAEAEA; } #contract-details .status-details { border:1px solid #EAEAEA; } /* HUBSPOT - 2019 */ #width-check {position: relative; z-index: 0; display: none;} .hubspot-link {position: absolute; top: 0px; right: 220px; margin-top: 0px !important;} #cms-status * {box-sizing: border-box;} .row {display: flex; width: 100%; justify-content: space-between; margin-top: 8px;} .row.header > *:first-child {flex-grow: 1;} .row.header.company_summary, .row.header.contact_section {align-items: center; margin-top: 60px;} .row.header.company_summary h3, .row.header.contact_section h3 {margin: 0px !important;} .row.header.company_summary .button {margin: 0px 0px 0px 8px;} .row .item {background-color: #ffffff; border: solid 1px #c6c6c6; margin-bottom: 14px; padding: 11px 25px;} .row .item.half {width: calc(50% - 7px);} .row .item.full {width: 100%;} .row .item p {font-size: 14px; font-weight: normal; letter-spacing: 0.78px; color: #7e7e7e; line-height: normal;} .row .item p a {color: #7e7e7e !important;} .row .item p strong a {font-weight: 600; color: #212a32;} .add-contact-button {font-size: 12px; letter-spacing: 0.67px; color: #212a32 !important; font-weight: 900; position: relative; display: flex; align-items: center;} .add-contact-button::before {content: '+'; color: #ffffff; font-size: 16px; font-weight: 600; letter-spacing: 0.89px; position: absolute; right: 7px; top: 2px;} .add-contact-button::after {content: ''; width: 25px; height: 25px; background-color: #168ABB; border-radius: 25px; margin-left: 12px; display: inline-block; margin-bottom: 4px;} #cms-contacts {display: flex; justify-content: flex-start; margin-top: 8px; flex-wrap: wrap;} #cms-contacts .contact {width: calc((100% - 42px) / 4); margin-bottom: 14px; font-size: 14px; margin-right: 14px; line-height: normal; letter-spacing: 0.78px; transition: all 0.25s ease-in-out;} #cms-contacts .contact:nth-child(4n) {margin-right: 0px;} #cms-contacts .contact:nth-child(n + 5) {opacity: 0; max-height: 0; pointer-events: none;} #cms-contacts.open .contact:nth-child(n + 5) {opacity: 1; max-height: 600px; pointer-events: all;} #cms-contacts .contact .hold {background-color: #ffffff; border: solid 1px #c6c6c6; padding: 10px 25px 25px 25px; min-height: 165px; position: relative;} #cms-contacts .contact .hold .more {display: block; width: 28px; height: 22px; background-color: #7e7e7e; position: absolute; bottom: 0px; right: 0px; cursor: pointer;} #cms-contacts .contact .hold::after {content: '+'; position: absolute; display: block; bottom: 3px; right: 8px; font-size: 16px; letter-spacing: 0.89px; color: #ffffff; pointer-events: none;} #cms-contacts .contact a {color: #737373;} #cms-contacts .contact strong a {color: #212a32;} #cms-contacts .contact .more-details {transition: all 0.25s ease-in-out; opacity: 0; max-height: 0; pointer-events: none;} #cms-contacts .contact.open .more-details {opacity: 1; max-height: 500px; pointer-events: all;} #cms-contacts .contact.open .hold::after {content: '-';} #cms-contacts .contact .hold span.notes {display: block;} #cms-contacts .contact .hold span.notes.tall {max-height: 34px; overflow: hidden; transition: all 0.25s ease-in-out; display: block; position: relative;} #cms-contacts .contact .hold span.notes.tall::after {content: ''; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); height: 17px; left: 0px; right: 0px; top: 17px; z-index: 1; pointer-events: all; opacity: 1; position: absolute;} #cms-contacts .contact.open .hold span.notes.tall {max-height: 500px;} #cms-contacts .contact.open .hold span.notes.tall::after {opacity: 0;} #more-contacts {text-transform: uppercase; font-weight: 900; font-size: 12px; letter-spacing: 0.67px; line-height: 12px; padding: 15px 25px; color: #ffffff; background-color: #7e7e7e; display: inline-block;} #more-contacts::after {content: ' [+]';} #cms-contacts.open + #more-contacts::after {content: ' [-]';} #admin-body.new .status-details {padding: 11px 25px;} #client-notes.new .status-details {padding: 11px 25px;} .row.company_information h3 {width: calc(50% - 7px);} .row.company_information h3:first-child {margin-right: 14px;} #cms-site-info > div {display: flex;} #cms-site-info > div > div {width: 50%;} #cms-site-info > div > div:nth-of-type(1) {margin-right: 7px;} #cms-site-info > div > div:nth-of-type(2) {margin-left: 7px;} #cms-site-info .website-info {display: none;} /*#cms-site-info > div {width: 50%;} #cms-site-info > div > div {display: flex;} #cms-site-info > div > div > div {width: 50%;} #cms-site-info > div > div > div:nth-of-type(1) {margin-right: 7px;} #cms-site-info > div > div > div:nth-of-type(2) {margin-left: 7px;}*/ .row.helpful_links ul {padding-left: 18px;} .row.helpful_links li {font-size: 14px; line-height: normal; letter-spacing: 0.78px; margin-bottom: 5px;} .row.helpful_links a {color: #168abb;} section.cms.content h3.status-header {display: inline-block;} .edit-domain {display: inline; text-decoration: underline; color: red !important; margin-left: 15px;} @media screen and (max-width: 1440px) { #width-check {z-index: 1;} #cms-contacts .contact {width: calc((100% - 28px) / 3);} #cms-contacts .contact:nth-child(n + 4) {opacity: 0; max-height: 0; pointer-events: none;} #cms-contacts.open .contact:nth-child(n + 4) {opacity: 1; max-height: 600px; pointer-events: all;} #cms-contacts .contact:nth-child(4n) {margin-right: 14px;} #cms-contacts .contact:nth-child(3n) {margin-right: 0px;} } @media screen and (max-width: 1024px) { #width-check {z-index: 2;} #cms-contacts .contact {width: calc((100% - 14px) / 2);} #cms-contacts .contact:nth-child(4n) {margin-right: 14px;} #cms-contacts .contact:nth-child(3n) {margin-right: 14px;} #cms-contacts .contact:nth-child(2n) {margin-right: 0px;} #cms-contacts .contact:nth-child(n + 4) {opacity: 1; max-height: initial; pointer-events: all;} #cms-contacts .contact:nth-child(n + 5) {opacity: 0; max-height: 0; pointer-events: none;} #cms-contacts.open .contact:nth-child(n + 5) {opacity: 1; max-height: 600px; pointer-events: all;} .row.company_information .website-info {display: none;} #cms-site-info {display: block;} #cms-site-info .item.half {width: 100%;} .row.company_summary + .row {display: block;} .row.company_summary + .row .item.half {width: 100%;} #cms-site-info .website-info {display: block;} #cms-site-info > div > div {width: 100%;} } @media screen and (max-width: 900px) { .hubspot-link {position: relative; display: inline-block; top: initial; right: initial; margin-bottom: 8px !important;} .cms .right-abs {position: relative !important; display: inline-block; top: initial !important; right: initial !important;} } @media screen and (max-width: 767px) { #cms-main-area .row, #cms-contacts {padding: 0px 20px;} #cms-contacts .contact {width: 100% !important; margin-right: 0px !important;} #cms-contacts .contact .hold {min-height: initial;} #more-contacts {margin-left: 20px;} #admin-body.new {margin: 0px 20px; width: calc(100% - 40px) !important;} #client-notes.new {margin: 0px 20px; width: calc(100% - 40px) !important;} .company_summary h3 {padding-left: 0px !important;} .contact_section h3 {padding-left: 0px !important;} #admin-body.new h3 {padding-left: 0px !important;} #client-notes.new h3 {padding-left: 0px !important;} .company_information h3 {padding-left: 0px !important;} #cms-site-info h3 {padding-left: 0px !important;} .helpful_links h3 {padding-left: 0px !important;} } @media screen and (max-width: 580px) { #cms-status .company_summary {display: block;} .row.header.company_summary .button {display: inline-block;} .row.header.company_summary h3 {margin-bottom: 8px !important;} .row.header.company_summary .button:first-of-type {margin-left: 0px;} } @media screen and (max-width: 550px) { } @media screen and (max-width: 460px) { #cms-site-info > div {display: block;} #cms-site-info > div > div:nth-of-type(2) {margin-left: 0px;} } /* ERROR HANDLING */ .fixed-error .top-status.fixed-error { left:275px; top:0; background:#C00; width:calc(100% - 275px); position:fixed; z-index:101; } .fixed-error .top-status.fixed-error a { color:#DDD; } .fixed-error .cms-logo-side { display:none; } .edit_template .top-status.fixed-error { left:275px; top:0; background:#C00; width:calc(100% - 275px); z-index:101; font-family: 'Lato', Arial, Helvetica, sans-serif; } .message-error { color:#FC5F4E; } /* MAIN CONTENT AREA ON RIGHT */ #cms-main-area { margin-left:275px; /*height: 100%;*/ padding:25px; position: relative; } .cms .right { float: right; } .cms .right-abs { position: absolute; right:0px; top:0; } .cms .right-abs.button { margin-top: 0 !important; } header.cms { position: relative;} header.cms h2 { font-size: 20px; color:#666; font-weight:400; margin:30px 0 20px 0;} header.cms h3 { font-size: 15px; color:#000; text-transform: uppercase; } header.cms h3 span { color:#168ABB; margin:0 10px; display: inline-block;} header.cms h3 a { color:#000; } header.cms h3 a:hover { color:#168ABB; } header.cms a.add { color: #5CA5C8; float:left; margin-top: 5px; } header.cms a.add:hover { color:#737373; } section.cms.content h2 { font-size: 20px; color:#666; font-weight:400; margin:30px 0 20px 0;} section.cms.content h3 { color:#168ABB; font-size:15px; font-family: 'Lato',Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; margin-top: 30px; } section.cms.content h3 span { color:#666666; font-size:13px; text-transform:none; } section.cms.content { margin: 30px 0; } section.cms.content a { color:#5CA5C8; } section.cms.content a:hover { color:#737373; } section.cms.content a {overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;} section.cms.content a.button { color:#FFF; position:relative; } section.cms.content a.button:hover { color:#148ABA; } html.edit_template #cms-main-area { padding:0; } section.cms.content table.listing { width:100%; } section.cms.content table.listing tr:nth-child(odd) { background:#FFF; } section.cms.content table.listing tr:nth-child(even) { background:#fcfcfc; } section.cms.content table.listing th { padding:15px 20px; background:#cdd4d9; color:#FFF; text-transform: uppercase; } section.cms.content table.listing th a { color:#FFF; display: block; } section.cms.content table.listing th.selected { background: #212A33; } section.cms.content table.listing th.selected.desc a:after { content: '\f077'; font-family: FontAwesome; margin-left: 15px; /*float:right;*/ } section.cms.content table.listing th.selected.asc a:after { content: '\f078'; font-family: FontAwesome; margin-left: 15px; /*float:right;*/ } section.cms.content table.listing td { padding:15px 20px; border-top:1px solid #EFEFEF; vertical-align: top; } /* CONTENT LIST */ .list_contents table.listing tr.hide td, .list_contents table.listing tr.hide td * { color:#CCC; } .list_contents table.listing tr.hide td.type:after { content:"**HIDDEN**"; display: inline-block; } .list_contents table.listing tr.queued td.date-shown { color:#F00 !important; } .list_contents table.listing tr.queued td.date-shown:after { content:"**QUEUED**"; display: block; color:#F00; font-size:12px; } /* FORMS */ .cms-input { position: relative; clear: both; margin-top: 10px; } .cms-input:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .cms-input * { font-family: 'Lato',Arial, Helvetica, sans-serif; } .cms-input label { display: block; pointer-events: none; color:#168ABB; text-transform: uppercase; position: absolute; top:20px; left:25px; transition: all .3s cubic-bezier(0.4,0,0.2,1);transform-origin: bottom left; } .cms-input input[type="text"]:focus ~ label, .cms-input input[type="text"][data-empty="false"] ~ label, .cms-input input[type="password"]:focus ~ label, .cms-input input[type="password"][data-empty="false"] ~ label, .cms-input select:focus ~ label, .cms-input select[data-empty="false"] ~ label, .cms-input textarea:focus ~ label, .cms-input textarea[data-empty="false"] ~ label { color:#168ABB; transform: scale(.75) translateY(-20px) } .cms-input.input-text input { float: left; font-size:15px; padding:20px 25px 5px 25px ; border:1px solid #DDD; width:100%; max-width:600px; min-height:55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cms-input.input-text input:focus { border:1px solid #666; -webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); } .cms-input.input-text.highlight { color:#F00; } .cms-input.input-text.highlight input { border:1px solid #F00; } .cms-input.input-select select { -webkit-appearance:none; background:url(../../images/dropdown_arrow.jpg) no-repeat 95% 50% #FFF; float: left; font-size:15px; padding:20px 25px 5px 22px; border:1px solid #DDD; width:100%; max-width:600px; min-height:55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .cms-input.input-select select:focus { border:1px solid #666; -webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); } .cms-input.input-select select option { padding-left: 0; } .cms-input.input-select select.no-bg { background:#FFF; } .cms-input.input-textarea textarea { float: left; font-size:15px; padding:25px 25px 5px 25px; border:1px solid #DDD; width:100%; max-width:600px; min-height:125px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .cms-input.input-textarea textarea:focus { border:1px solid #666; -webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); } html.details .cms-input textarea { min-height:100px; } .cms-input div.description { display: table-cell; padding:10px 0 10px 30px; vertical-align: middle; } .cms-input div.description a { cursor: pointer; } .cms-input.input-textarea div.description { height:100px; } .cms-input.input-text div.description, .cms-input.input-select div.description { height:35px; } .cms-input .input-group { float: left;width:100%; max-width:575px; } .cms-input .input-group h3 { margin-top: 10px; } .cms-input label.custom-file-upload { color: #737373; text-transform: none; pointer-events: all; cursor: pointer; padding:10px; position: initial; display: inline-block; } .cms-input label.custom-file-upload:hover { color: #FFF; } form.cms-form input[type="submit"], form.cms-form input[type="button"], form.cms-form .list-options a, .cms .button { background: #148ABA; padding: 15px 10px; color: #FFF; font-family: 'Lato',Arial, Helvetica, sans-serif; font-size: 15px; min-width:150px; font-weight: bold; text-align: center; text-transform: uppercase; cursor: pointer; margin:30px 0 0 0; border:2px solid #148ABA; -webkit-appearance: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-sizing: border-box; } form.cms-form input[type="submit"]:hover, form.cms-form input[type="button"]:hover, form.cms-form .list-options a:hover, .cms .button:hover { background: #FFF; color: #148ABA;} form.cms-form .list-options input[type="submit"], form.cms-form .list-options a { font-size: 13px; min-width:10px; padding: 5px 8px; border-width: 1px; } form.cms-form .list-options input[type="submit"] { margin:0 20px 0 0; } form.cms-form .list-options select { padding:5px 5px 4px 5px; } form.cms-form .list-options { margin-bottom: 15px; text-align: right; } form.cms-form a.button { display: inline-block; } a.disabled { pointer-events: none; background:#cdd4d9 !important; border-color:#cdd4d9 !important;} .cms-input.group, .cms-input.description { padding:0 25px; } .custom-file-upload { background: #FFF; border: 1px solid #CCC; display: inline-block; padding: 6px 12px; cursor: pointer; -webkit-appearance: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .custom-file-upload:hover { background: #666; color:#FFF; } form.cms-form input[type="file"] { display: none; } html.more_info .cms-form input[type="text"] { /*padding:10px;*/ border:1px solid #DDD; width:100%; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html.more_info .cms-form input[type="text"]:focus { border:1px solid #666; -webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); } html.more_info .cms-form textarea { border:1px solid #DDD; width:100%; min-height:175px; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html.more_info .cms-form textarea:focus { border:1px solid #666; -webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.15); } html.more_info .cms-form table { width:100%; max-width:600px; } html.more_info .cms-form table td:first-of-type{ width:200px; background: none; } html.more_info .cms-form table td:first-of-type font.heading { font-weight: bold; color:#168ABB; font-size:15px; font-family: 'Lato',Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; margin-top: 30px; } html.more_info .content_title { display: none; } html.more_info .content_title_number,html.content_details .content_title { display: none; } .cms-input.group.disabled, .cms-input.group.disabled * { color: #CCC; } .tag-cloud ul { margin: 0 0 0 25px; padding: 0; list-style: none; max-width:600px; } .tag-cloud ul li { margin: 0; padding: 0; display: inline-block; margin-right: 10px; } .tag-cloud .holder { margin: 0 0 10px 25px; max-width:600px; } .tag-cloud .holder .item { display: inline-block; margin-right: 10px; } .tag-cloud .holder .item i { color: #FC5F4E; cursor: pointer; margin-right: 5px; } /* VIEW ALL PAGES */ .structure-item div:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .structure-item.level1 { border-bottom: 1px solid #EFEFEF; padding: 15px;} .structure-item.level1:nth-child(odd) { background:#FFF; } .structure-item.level2 { } .structure-item.level1 > div span:first-child { padding-left:25px; } .structure-item.level2 > div span:first-child { padding-left:50px; } .structure-item.level3 > div span:first-child { padding-left:75px; } .structure-item.level4 > div span:first-child { padding-left:100px; } .structure-item.pending > div > span, .structure-item.rejected > div > span { color:#CCC; } .structure-item.hide > div > span { color:#CCC; text-decoration: line-through; } .structure-item > div { padding: 5px 0; } .structure-item > div:hover { background:#148aba; color:#FFF } .structure-item > div:hover a { color:#FFF; } .structure-item > div:hover a:hover { color:#CCC; } /*.structure-item.hide .publish-page { display: none; }*/ ol.sortable,ol.sortable ol { list-style-type: none; padding-left:0; margin:0; } .sortable { clear: both; } .structure-item span { float: left; width:25%; box-sizing: border-box;} .structure-item span:last-child { text-align: right; } .category {margin-bottom: 20px;} /* ELEMENTS */ .section-bar {background:#394a56; color:#FFF; } .section-bar a { color:#FFCC00 !important; display:inline !important; position: initial !important; text-transform: initial !important; } .element-bar { background:#FEC30D; color:#555 !important; } .element-bar a { color:#006699 !important; position: initial !important; text-transform: initial !important; } .element-bar a.visible { display:inline !important; } .section-bar, .element-bar { position:relative; z-index:10; font-family: 'Lato', Arial; font-size:14px; font-weight:bold; text-align: left; padding:5px !important; clear: both; width:auto !important; display:block !important; margin:0 !important; float: none !important; height: auto !important; line-height:normal !important; letter-spacing: 0; } .section-bar a, .element-bar a { font-family: 'Lato', Arial !important; font-size:14px !important; font-weight:bold !important; line-height: initial !important; color:#394a56; letter-spacing: 0; padding:0 !important; border:none !important; border-radius:0 !important; background:transparent !important; } .section-bar a:before, .element-bar a:before { display: none !important; } #cms-main-area .element-bar a.save-page-link, #cms-main-area .element-bar a.revert-page-link { float:right; color:red; display: none; } .element-bar a.edit-page { color:red !important; } .save-links { float:right; } .confirm-save { font-family: 'Lato', Arial !important; font-size:14px !important; position: fixed !important; top:0 !important; left:275px !important; width:calc(100% - 275px) !important; height:auto !important; background: #FC5F4E !important; color:#FFF !important; padding:15px 25px !important; letter-spacing:0px !important; line-height:initial !important; z-index:10000; display: none; box-sizing: border-box;} .confirm-save a { font-family: 'Lato', Arial !important; font-size:14px !important; color: #FFF !important; font-weight: bold; } /* EDITOR */ input[type="radio"] { -webkit-appearance: radio; } input[type="checkbox"] { -webkit-appearance: checkbox; } html.edit_template .cke_editable { width: 100% !important; height: auto !important; float: none !important; } /* ACCORDION */ .accordion-trigger { cursor: pointer; } .accordion-trigger:before { content: "More"; margin-right:5px; } .accordion-trigger:after { content: "+"; margin-left:5px; } .accordion-trigger.active:before { content: "Fewer"; } .accordion-trigger.active:after { content: "-"; } .accordion-content { overflow: hidden; display: none; } /* POPUP */ .cms-popup-container { margin-left:275px; position: fixed; width: calc(100% - 275px); height: 100%; top: 0; left: 0; background: rgba(33,42,51,0.9); color: #FFF; text-align: center; vertical-align: middle; display: none; z-index: 101; padding: 200px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .cms-popup-content { position: relative; margin: 0 auto; width: 25%; min-width: 300px; min-height: 100px; padding: 0 10px; z-index: 102; } .cms-popup-close { position: absolute; top: 0px; right: 0px; padding: 10px; cursor: pointer; z-index: 103; font-weight: 700; font-size: 24px; } .stop-scrolling { height: 100%; overflow: hidden; } /* GALLERY */ .edit-image-thumb { width:250px; float:right; } .edit-image-thumb img { width:100%; } .edit-image-form { width:calc(100% - 300px); float:left; } html.images .cms-popup-content { width:100%; } html.images .cms-popup-content section.load-content { width:75%; margin:0 auto; } html.images .top-status { position:fixed; top:0; left:275px; width:calc(100% - 275px); } html.images li.hidden-image .options, html.images li.hidden-image .options a { color:#BBB; } html.images li.hidden-image .thumbnail{ opacity:0.35; } .navigate-images { position: absolute; top:105px; font-size:40px; color:#B8BCBF; -webkit-appearance: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .navigate-images.next { right:10px; } .navigate-images.previous { left:10px; } .navigate-images:hover { color: #5CA5C8; } .image-options a { padding: 10px; margin:5px; display: inline-block; font-size: 25px; } .image-options a:hover { color:#B8BCBF; } /* PUBLISH PROMPT */ html.synchronize_all #publish-notification { display:block; opacity:1; animation: fadeOut .5s ease-in 1 forwards; } #publish-notification { background:rgba(24,31,37,0.85); color:#FFF; width:100%; height:100%; position: fixed; z-index: 100000; opacity:0; text-align: center; padding-top: 400px; display:none; } #publish-notification.fade-in { display:block !important; visibility: visible !important; animation: fadeIn .5s ease-in 1 forwards !important; } .blob { width: 1rem; height: 1rem; background: rgba(230, 230, 230, 0.85); border-radius: 50%; position: absolute; left: calc(50% - 1rem); box-shadow: 0 0 1rem rgba(255, 255, 255, 0.25); } .blob-0 { -webkit-animation: animate-to-0 1.5s infinite; animation: animate-to-0 1.5s infinite; } .blob-1 { -webkit-animation: animate-to-1 1.5s infinite; animation: animate-to-1 1.5s infinite; } .blob-2 { -webkit-animation: animate-to-2 1.5s infinite; animation: animate-to-2 1.5s infinite; } .blob-3 { -webkit-animation: animate-to-3 1.5s infinite; animation: animate-to-3 1.5s infinite; } .blob-4 { -webkit-animation: animate-to-4 1.5s infinite; animation: animate-to-4 1.5s infinite; } .blob-5 { -webkit-animation: animate-to-5 1.5s infinite; animation: animate-to-5 1.5s infinite; } @keyframes fadeIn { to { opacity: 1; visibility: visible; } } @keyframes fadeOut { to { opacity: 0; visibility: hidden; } } @-webkit-keyframes animate-to-0 { 25% { -webkit-transform: translateX(-0.75rem) scale(0.75); transform: translateX(-0.75rem) scale(0.75); } 50% { -webkit-transform: translateX(-2.25rem) scale(0.6); transform: translateX(-2.25rem) scale(0.6); } 75% { -webkit-transform: translateX(-3.75rem) scale(0.5); transform: translateX(-3.75rem) scale(0.5); } 95% { -webkit-transform: translateX(0rem) scale(1); transform: translateX(0rem) scale(1); } } @keyframes animate-to-0 { 25% { -webkit-transform: translateX(-0.75rem) scale(0.75); transform: translateX(-0.75rem) scale(0.75); } 50% { -webkit-transform: translateX(-2.25rem) scale(0.6); transform: translateX(-2.25rem) scale(0.6); } 75% { -webkit-transform: translateX(-3.75rem) scale(0.5); transform: translateX(-3.75rem) scale(0.5); } 95% { -webkit-transform: translateX(0rem) scale(1); transform: translateX(0rem) scale(1); } } @-webkit-keyframes animate-to-1 { 25% { -webkit-transform: translateX(-0.75rem) scale(0.75); transform: translateX(-0.75rem) scale(0.75); } 50%, 75% { -webkit-transform: translateX(-2.25rem) scale(0.6); transform: translateX(-2.25rem) scale(0.6); } 95% { -webkit-transform: translateX(0rem) scale(1); transform: translateX(0rem) scale(1); } } @keyframes animate-to-1 { 25% { -webkit-transform: translateX(-0.75rem) scale(0.75); transform: translateX(-0.75rem) scale(0.75); } 50%, 75% { -webkit-transform: translateX(-2.25rem) scale(0.6); transform: translateX(-2.25rem) scale(0.6); } 95% { -webkit-transform: translateX(0rem) scale(1); transform: translateX(0rem) scale(1); } } @-webkit-keyframes animate-to-2 { 25%, 75% { -webkit-transform: translateX(-0.75rem) scale(0.75); transform: translateX(-0.75rem) scale(0.75); } 95% { -webkit-transform: translateX(0rem) scale(1); transform: translateX(0rem) scale(1); } } @keyframes animate-to-2 { 25%, 75% { -webkit-transform: translateX(-0.75rem) scale(0.75); transform: translateX(-0.75rem) scale(0.75); } 95% { -webkit-transform: translateX(0rem) scale(1); transform: translateX(0rem) scale(1); } } @-webkit-keyframes animate-to-3 { 25%, 75% { -webkit-transform: translateX(0.75rem) scale(0.75); transform: translateX(0.75rem) scale(0.75); } 95% { -webkit-transform: translateX(0rem) scale(1); transform: translateX(0rem) scale(1); } } @keyframes animate-to-3 { 25%, 75% { -webkit-transform: translateX(0.75rem) scale(0.75); transform: translateX(0.75rem) scale(0.75); } 95% { -webkit-transform: translateX(0rem) scale(1); transform: translateX(0rem) scale(1); } } @-webkit-keyframes animate-to-4 { 25% { -webkit-transform: translateX(0.75rem) scale(0.75); transform: translateX(0.75rem) scale(0.75); } 50%, 75% { -webkit-transform: translateX(2.25rem) scale(0.6); transform: translateX(2.25rem) scale(0.6); } 95% { -webkit-transform: translateX(0rem) scale(1); transform: translateX(0rem) scale(1); } } @keyframes animate-to-4 { 25% { -webkit-transform: translateX(0.75rem) scale(0.75); transform: translateX(0.75rem) scale(0.75); } 50%, 75% { -webkit-transform: translateX(2.25rem) scale(0.6); transform: translateX(2.25rem) scale(0.6); } 95% { -webkit-transform: translateX(0rem) scale(1); transform: translateX(0rem) scale(1); } } @-webkit-keyframes animate-to-5 { 25% { -webkit-transform: translateX(0.75rem) scale(0.75); transform: translateX(0.75rem) scale(0.75); } 50% { -webkit-transform: translateX(2.25rem) scale(0.6); transform: translateX(2.25rem) scale(0.6); } 75% { -webkit-transform: translateX(3.75rem) scale(0.5); transform: translateX(3.75rem) scale(0.5); } 95% { -webkit-transform: translateX(0rem) scale(1); transform: translateX(0rem) scale(1); } } @keyframes animate-to-5 { 25% { -webkit-transform: translateX(0.75rem) scale(0.75); transform: translateX(0.75rem) scale(0.75); } 50% { -webkit-transform: translateX(2.25rem) scale(0.6); transform: translateX(2.25rem) scale(0.6); } 75% { -webkit-transform: translateX(3.75rem) scale(0.5); transform: translateX(3.75rem) scale(0.5); } 95% { -webkit-transform: translateX(0rem) scale(1); transform: translateX(0rem) scale(1); } } /* MEDIA QUERIES */ @media screen and (max-width: 1200px) { .status-item { float: none !important; width:100% !important; } } @media screen and (max-width: 767px) { body.login #video-background video, body.mfa_verify #video-background video, body.mfa_enroll #video-background video, body.mfa_disable #video-background video { display: none; } #cms-mobile-nav { -webkit-transition: 0.5s;display: block; position: fixed; bottom:0; left:0; background:#181F25; color:#B8BCBF; font-size: 28px; padding:16px 20px;border-radius: 0px 25px 25px 0px; -moz-border-radius: 0px 25px 25px 0px; -webkit-border-radius: 0px 25px 25px 0px; border: 0px solid #212A33; z-index:1000000; cursor: pointer; } #cms-side-nav { left:-275px;-webkit-transition: 0.5s; z-index:999; } #cms-mobile-nav.open { left:275px; } #cms-mobile-nav i { transform: rotate(0deg); transition: all 250ms ease-out;} #cms-mobile-nav.open i { transform: rotate(180deg); transition: all 250ms ease-out;} #cms-side-nav.open { left:0px; } #cms-main-area { margin-left:0; padding:25px 0px; } html.video_admin #cms-main-area { padding:25px 15px; } .confirm-save, .cms-popup-container, html.images .top-status { left:0 !important; width:100% !important; z-index:10000000; margin-left: 0;} section.cms.content table.listing td { white-space: normal; } header.cms { padding:0 15px; } header.cms a.add { float:none; margin-bottom: 12px; } .edit-image-thumb, .edit-image-form, .Chartjs, #authorized-contact .status-details p { float: none !important; width:100% !important; } .cms-popup-container { overflow-y:scroll; padding:20px; } html.status section.cms.content h3 { padding-left:20px; } .status-details { padding:10px 20px; } .cms .right-abs.button { position:relative; right:auto; display: inline-block; } .Chartjs h3 { text-align: center; } section.cms.content table.listing th, section.cms.content table.listing td { padding: 12px 5px; } section.cms.content table.listing td:last-of-type { width:200px; } .cke_float { position: absolute !important; } } @media screen and (max-height: 550px) { body.login, body.mfa_verify, body.mfa_enroll, body.mfa_disable { overflow: initial; } body.login #video-background, body.mfa_verify #video-background, body.mfa_enroll #video-background, body.mfa_disable #video-background { display: none; } body.login .container, body.mfa_verify .container, body.mfa_enroll .container, body.mfa_disable .container { top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } /* --------------------- SITE SPECIFIC STYLES --------------------- */ /* GENERIC*/ #cms-main-area .fixed, #cms-main-area .sticky { position: relative !important; } #cms-main-area #hero { margin-top: 0; } #cms-main-area .footer-scroll { margin-bottom: 0; } #cms-main-area #nav-hover { display: none !important; } #cms-main-area .mb9999 { margin-bottom: 10px !important; } #cms-main-area .wf-loading { display: none !important; } /* INDIVIDUAL */ html.demodomain-com, html.belosun-com { padding:0; } html.demodomain-com #header, html.belosun-com #header { position:relative; } /*html.arenaminerals-com body { background-position: calc(50% + 150px) 0; } */ html.argonautgold-com #navigation { left:300px; } html.argonautgold-com #footer .container, html.argonautgold-com #main .container { margin-left: 180px; } html.aticomining-com body.sticky { padding-top: 0; } html.aztecminerals-com header { position: relative; height:auto; } html.briogoldinc-com .navbar-fixed-bottom, html.briogoldinc-com .navbar-fixed-top { position: relative; } html.co27-com header { position: relative; } html.co27-com #banner { margin-top: 0; } html.constantinemetals-com body { margin-top: 0; } html.canadaenergypartners-com body { margin-top: 0; } html.copperone-com header { position: relative; height:auto; } html.cubenergyinc-com #top { margin-top: 0; } html.eastmain-com .top-bar { position: relative; z-index:1; } html.eastmain-com a.btn { color:#FFF; } html.eastmain-com .two-column-half > div { display: none; } html.eastmain-com .video-container { display: table-cell; vertical-align: top; } html.englandgroup-com .right .description { padding-left: 825px;} html.eguanatech-com #cms-main-area .fixed { position: fixed !important; z-index:999; } html.edrsilver-com #background-top, html.sp-edrsilver-com #background-top { position: relative; } html.edrsilver-com #container-tagline, html.sp-edrsilver-com #container-tagline { margin-top: 0; } html.energyresourcescorp-ca #sharethis_0 { display: none; } html.frankcurzio-com body { margin:0; } html.goldmining-com body { overflow-x: initial; } html.goldmining-com header { position: relative; } html.entreeresourcesltd-com.edit_template #cms-main-area.structure-id-1 header { position: absolute; } html.goldsourcemines-com #nav ul,html.goldsourcemines-com #nav-wrap { height:100%; } html.greatpanther-com header, html.greatpanther-com #footer, html.greatpanther-com footer { position: relative; } html.greatpanther-com .footer-reveal, html.greatpanther-com main { margin-bottom: 0 !important; } html.goldmining-com .container { width:100%; } html.greatpanther-com .swiper-container { padding-top: 0; } html.investors-powerbandsolutions-com #cms-side-nav .navbar-section h3 {font-size: 11px;} html.k2gold-com #banner { margin-top: 0; } html.mexicangold-ca .clear { clear:inherit } html.mexicangold-ca .pos-f { position:relative } html.montanmining-ca header { position: relative; height:auto } html.nirisf-org #left-fixed { position: relative; } html.northarrowminerals-com .content-main { float: left; width: 575px; } html.oracleminingcorp-com #header { margin-top: 0; } html.primarycapital-ca #sticky-header { position: relative; } html.primarycapital-ca .main-content, html.primarycapital-ca header { margin-top: 0; } html.silvercorpmetals-com header .stock-quote, html.silvercorpmetals-com header .desktop-navigation { position: relative; height: auto; } html.skyharbourltd-com #cms-main-area header { position: relative; height: auto; } html.skyharbourltd-com section#banner, html.skyharbourltd-com .flexslider { margin-top: 0; } html.skyharbourltd-com .slick-track { width 100% !important; transform:initial !important; } html.theupa-org .sidebar-sub-under { left:545px; } html.transeastern-com #sticky-header { position: relative; } html.transeastern-com header { margin-top: 0; } html.equinoxgold-com header.container { width: calc(100% - 275px); } html.greatpanther-com .banner { margin-top: 110px; } html.greatpanther-com .investor-bar { position: relative; top: 70px; } html.greatpanther-com .submenu-background.active + .investor-bar { top: 70px; } html.greatpanther-com .home .investor-bar { top: 0px; } html.greatpanther-com .home .swiper-container { margin-top: 0px; } html.troilusgold-com #sticky-header, html.fr-troilusgold-com #sticky-header {position: absolute;} html.troilusgold-com .cat-sustainability.structure-directory-overview .section-bar, html.fr-troilusgold-com .cat-dveloppement-durable.structure-directory-overview .section-bar, html.troilusgold-com .cat-sustainability.structure-directory-overview .element-bar, html.fr-troilusgold-com .cat-dveloppement-durable.structure-directory-overview .element-bar, html.troilusgold-com .cat-sustainability.structure-directory-overview .sustainability-links > a, html.fr-troilusgold-com .cat-dveloppement-durable.structure-directory-overview .sustainability-links > a {min-height: 0 !important; width: 100% !important;} html.troilusgold-com .email-link, html.troilusgold-com .search, html.fr-troilusgold-com .email-link, html.fr-troilusgold-com .search {height: 25px;} html.coeur-com nav ul { text-align: left;} html.coeur-com nav { display: inline-block; } html.coeur-com .search-wrapper { display: none;} html.coeur-com .has-image img { display: none;} html.coeur-com .hero-video__content h1 { pointer-events: none; transform: translateY(0px);} html.coeur-com .button-row .button { margin-bottom: 7px;} html.coeur-com .home footer { margin-top: -100px;} html.coeur-com footer { position: relative; margin-top: -130px;} html.coeur-com .team-roster .team-member { pointer-events: none; display: inline-block; float: left; width: 60%; margin-bottom: 0px;} html.coeur-com .team-roster .team-member__image { max-width: 240px;} html.coeur-com .team-roster .team-member .bio-edit { display: flex; width: 30%; min-width: 250px; pointer-events: all;} html.status.coeur-com section.cms.content .status-details h1 { color: #B22222; font-size: 24px; line-height: 30px;} html.status.coeur-com section.cms.content .status-details h2 { color: #B22222; font-size: 20px; line-height: 26px; margin: 20px 0 0 0;} html.status.coeur-com section.cms.content .status-details h3 { color: #737373; font-size: 16px; font-weight: 700; line-height: 21px; text-transform: uppercase; margin-top: 10px; margin-bottom: 0px;} /*html.status.coeur-com section.cms.content .status-details p { color: #000000; font-size: 16px; line-height: 21px;}*/ html.uex-corporation-com header #top .container {height:65px;} html.uex-corporation-com #investor-highlights .right .box { display:block;} html.growxglobal-com header nav ul {margin-right: 270px;} html.growxglobal-com header nav ul li:hover .sub_nav {right:-270px;} html.ir-myvoleo-com footer {margin-top: 200px;} html.myvoleo-com .hero {margin-top: 0px;} html.dumoulinblack-com header#is-desktop { padding: 0px 25px; } html.dumoulinblack-com header#is-desktop nav > ul > li > a:not(.button) { color: #484848;} html.dumoulinblack-com header#is-desktop .logo .svg .svg__left {fill: #77d1c3;} html.dumoulinblack-com header#is-desktop .logo .svg .svg__right {fill: #484848;} html.dumoulinblack-com .inner .hero { margin-top: 0px; } html.dumoulinblack-com .str-team-overview.cat-our-team .secondary-main {margin-left: 300px;} html.dumoulinblack-com .str-lawyer-directory.cat-lawyer-directory .content-left {flex-wrap: wrap; width: 100%;} html.dumoulinblack-com .str-lawyer-directory.cat-lawyer-directory .content-left .section-bar, html.dumoulinblack-com .str-lawyer-directory.cat-lawyer-directory .content-left .element-bar { width: 100% !important; } html.dumoulinblack-com .inner footer .container.footer__top > div:first-of-type { display: none;} html.cobalt27-com header#is-desktop {position: absolute;} html.cobalt27-com .hero, html.cobalt27-com .banner {margin-top: 0px;} html.cobalt27-com header#is-desktop nav > ul > li { margin-right: 30px;} html.millenniallithium-com header .top, html.millenniallithium-com header.open .top, html.millenniallithium-com body.home header.open .top { width: calc(100% - 275px); } html.millenniallithium-com header #menu { left:125px; } html.millenniallithium-com body.home header .top { width:100%; top:0; } html.ir-jetlines-com header, html.jetlines-com header { position:relative; } html.ir-jetlines-com #hero, html.ir-jetlines-com #banner, html.jetlines-com #hero, html.jetlines-com #banner { margin-top:0 !important; } html.ir-jetlines-com #content .media-pictures.show-more .item:nth-of-type(-n+2), html.ir-jetlines-com #content .media-video.show-more .item:nth-of-type(-n+2), html.jetlines-com #content .media-pictures.show-more .item:nth-of-type(-n+2), html.jetlines-com #content .media-video.show-more .item:nth-of-type(-n+2) { display:block; } html.privateplacements-com #cms-main-area > .flex-container { flex-direction: column; height:100%; } html.privateplacements-com #cms-main-area > .flex-container > * { flex: 0 0 auto; } html.corsacoal header#is-desktop { position: relative; } html.corsacoal header#is-desktop nav > ul > li { min-width: 0; padding: 0 20px; } html.corsacoal .home .document-slider .owl-carousel .owl-stage { transform:translate3d(0,0,0); } html.corsacoal .home .hero, html.corsacoal .banner { margin-top: 0 !important; } html.corsacoal .inner .cke_editable img, html.corsacoal .inner .cke_editable input, html.corsacoal .inner .cke_editable textarea { max-width: 100%;} html.corsacoal .inner .investor-banner-flex__left { width: 100%;} html.corsacoal .inner .investor-banner-flex__right { display: none;} html.launchlabinfo-com .navbar-section ul li:before { display: none;} html.uraniumroyalty-com header#is-desktop {top: -174px; position: absolute;} /* html.uraniumroyalty-com .link-hub .links {display: block; background-color: white;} */ html.uraniumroyalty-com .link-hub .links {display: block; background-color: white;} html.uraniumroyalty-com .link-hub .links img {display: none;} /* html.uraniumroyalty-com .link-hub .links > h2, html.uraniumroyalty-com .link-hub .links > h3, html.uraniumroyalty-com .link-hub .links > div, html.uraniumroyalty-com .link-hub .links p, html.uraniumroyalty-com .link-hub .links > .element-bar, html.uraniumroyalty-com .link-hub .links > .section-bar { width: 50% !important; } */ html.uraniumroyalty-com .home .media-hub {display: block;} html.launchlabinfo-com #disclaimer-roadblock {background-color: rgba(237, 237, 237, 0); position: relative; top: unset; left: unset; right: unset; top: unset; padding-top: 150px; border-top: 27px solid #394a56; opacity: 1; z-index: 2; pointer-events: all;} html.launchlabinfo-com #disclaimer-roadblock:before{content:'EDIT DISCLAIMER POPUP BELOW'; display: block; font-size: 14px; font-weight: bold; text-transform: uppercase; position: absolute; top: 0;} html.trilliummining2-com #topbar #menu-toggle .bar, html.trilliummining-com #topbar #menu-toggle .bar { background-color: #000000; } html.trilliummining2-com header.grid-overlay h3 + div, html.trilliummining-com header.grid-overlay h3 + div { display: flex; justify-content: center;} html.trilliummining-com header #cta > div.confirm-save, html.trilliummining2-com header #cta > div.confirm-save { display:none; } html.trilliummining-com body, html.trilliummining2-com body { overflow-x: initial; } html.trilliummining-com #topbar, html.trilliummining2-com #topbar { width: calc(100% - 275px); left: 275px;} html.trilliummining-com .menu-overlay, html.trilliummining2-com .menu-overlay { width: calc(100% - 275px); left: 275px;} html.trilliummining-com .header.mobile, html.trilliummining2-com .header.mobile { position:relative;} html.flyht2-com.edit_template body.home .hero, html.flyht2-com.edit_template body.home header#is-desktop .navigation-bar, html.flyht2-com.edit_template body.home main, html.flyht2-com.edit_template body.home footer {margin-left: 275px; width: calc(100% - 275px);} html.flyht2-com.edit_template body.home .products-section > .container:before {display: none;} /* PIKNIC */ html.whitney-piknic-ca .two-column > div, html.otisgold-com .two-column > div { display:none; } .structure-directory-projects .page-header .wrapper div.confirm-save { display: none; } html.roald-piknic-ca #sticky-header, html.magoneproducts-com #sticky-header, html.de-magoneproducts-com #sticky-header, html.gtgoldcorp-ca #sticky-header, html.fireweedzinc-com #sticky-header, html.cematrix-com #sticky-header { position: relative; } html.roald-piknic-ca .structure-home .main-content, html.magoneproducts-com .main-content, html.magoneproducts-com .main-content header, html.de-magoneproducts-com .main-content, html.de-magoneproducts-com .main-content header, html.gtgoldcorp-ca .main-content, html.gtgoldcorp-ca .main-content header, html.fireweedzinc-com .main-content, html.fireweedzinc-com .main-content header, html.cematrix-com .main-content header, html.cematrix-com .main-content { margin-top: 0; } html.clifford-piknic-ca #cms-main-area header, html.clifford-piknic-ca#cms-main-area footer, html.k2gold-com #cms-main-area header, html.k2gold-com #cms-main-area footer, html.oysteroil-com #cms-main-area header, html.html.oysteroil #cms-main-area footer { position: relative; } html.curie-piknic-ca #topbar { position: relative; } html.curie-piknic-ca .noscroll #topbar { position: fixed; } html.opaljones-piknic-ca .pos-f, html.northernemp-com .pos-f, html.northernemp2-com .pos-f, html.cematrix-com .pos-f, html.harvestone-com .pos-f { position: relative; } html.allthewayup-piknic-ca .container, html.goldstandardv-com .container, html.pactongold-com .container { width: calc(100% - 275px); } html.asterioncannabis-com header nav ul { display: block;} html.asterioncannabis-com header nav ul li { display: inline-block;} html.osinoresources-com header{ position: relative; } html.urbangoldminerals2-com header, html.urbangoldminerals-com header{ position: relative; } html.coeur-com .str-responsibility-overview .bg-text-left, html.coeur-com .str-responsibility-overview .bg-text-right {bottom: 0px !important;} html.aztecminerals-com .str-company-overview .container {display:block;} html.aztecminerals-com .str-company-overview .projects-landing {max-height: 100%;} html.aztecminerals-com .str-company-overview .projects-landing .container .projects-image-landing img {margin: 40px 0;} html.bluebirdbatterymetals2-com header .bottom #top_nav ul li.top-level .sub_nav li a {color:#373737;} html.uraniumroyalty-com body.str-stock-information main .container.flex { display:block; } html.tasekomines-com .hero__right { top:140px; } html.tasekomines-com .hero__right ul li { opacity: 1; } html.ngenergyintl-com section#assets .next { display:none; } html.ngenergyintl-com header { width:calc(100% - 275px); } html.standardlithium-com .project-link { pointer-events:none } html.americanree-com .home #hero .text { max-width:800px; } html.aeonianresources-com header.desktop { position:sticky } html.fr-troilusmining-com #sticky-header, html.fr-troilusgold-com #sticky-header html.troilusmining-com #sticky-header, html.troilusgold-com #sticky-header { position:absolute; } html.westvaultmining2-com.edit_template #cms-main-area { top:0; } html.westvaultmining2-com #is-desktop, html.tribecoresources-ca #is-desktop { position:relative !important; background:white; } html.westvaultmining2-com header#is-desktop nav > ul > li > a:not(.button) { color:black; } html.westvaultmining2-com header#is-desktop .main-menu__logo img.white { display:none; } html.westvaultmining2-com header#is-desktop .main-menu__logo img.colour { display:block; } html.lundinmining-com .full-width { width: calc(100vw - 275px); margin-left: calc(-50vw + (275px / 2)); margin-right: calc(-50vw + (275px / 2)); } html.lundinmining-com header.desktop { position:absolute; } html.orogenroyalties-com header.desktop { position:absolute !important; } /* PITCH PAGE */ html.pitchpage .nav-file-manager, html.pitchpage .nav-gallery, html.pitchpage .nav-website + ul { display:none; } html.pitchpage .section-bar, html.pitchpage .element-bar .edit, html.pitchpage .element-bar .delete, html.pitchpage .content-4.element-bar, html.pitchpage .content-5.element-bar { display:none !important; } html.pitchpage .helpful_links { display:none; }