/* BOOTSTRAP MODIFICATIONS TO EXISTING CSS - FOR NEW BOOTSTRAP PAGES ONLY */ /* ---------------------------------------------------------------- GENERAL SETTINGS -----------------------------------------------------------------*/ html {margin:0; padding:0;} body {color:#000; font-family:'Open Sans', sans-serif; background-color:#FFF; margin-left:auto; margin-right:auto; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -o-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;} img {border:0;} div#navbar #logoedge {float:left; margin-top:2px; position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} div#logo{display:block;margin:10px auto;} div#logoedge img{height:35px;} div#main-container, div#navbar, div#main-container-media, div#footer, div#footer-copyright, div#header{width:100%;max-width:1000px;padding:0px 15px;} .flex-row{ margin: 0px -15px;} .bg-gray {background-color: #dcdcdc;} .bg-green {background-color: #c4efc4;} a:link{color:#fd1a1c; text-decoration:none;} a:visited {color:#fd1a1c; text-decoration:none;} a.btn-danger:link, a.btn-danger:visited {color: #fff !important;} .noborder {border:0pt !important;} .nopadding {padding:0px !important;} a.black {color:#000 !important;} a.black:hover {color:#fd1a1c !important;} .uppercase {text-transform: uppercase !important;} p.larger{font-size: 16px !important;} em{font-style: italic;} div#navbar li {margin-left:11px;font-size:13pt;} div#inside-edge h2{margin-top:10px;} #modal-close{padding:2px;} /* BUTTONS */ .button{text-align: center; display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 0 22px; font-size: 14px; height: 40px; line-height: 40px; background-color: #de403b; color: #FFF !important; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border: none; width: 100%; } .btn-med {width:50% !important;} .btn-sm {width:25% !important;} .btn-tiny {width:auto !important;font-size:10px;height:22px;line-height:22px;padding:0 15px;} .btn-primary {color:#FFF; background-color:#de403b !important; border-color: #de403b !important;} .btn-primary:hover {color:#FFF; background-color:#fd1a1c !important; border-color: #fd1a1c !important;} .btn-weed {letter-spacing: 0px; color:#000 !important; background-color:#00cdbe !important; border-color: #00cdbe !important; font-size:14px; height:28px; line-height:28px; padding:0 6px;font-family: 'Open Sans Condensed', sans-serif !important;} .btn-weed:hover {color:#FFF; background-color:#08a59b !important; border-color: #08a59b !important;} .btn-green{background-color:green !important;} .cookiealert .btn-tiny{font-size: 10px !important; line-height:22px !important;} .cookiealert .button:link, .cookiealert .btn-tiny:link{margin-top: 0px !important;vertical-align: baseline !important;} /* ADS */ #sponsorship {width:300px;margin:10px auto;} #leaderboard-sponsor {width:729px;margin:10px auto;} #rectangle-top, #rectangle-bottom, #skyscraper, #rectangle-marketing, div.rectangle-content {margin: 10px auto;text-align: center;} /* HEADINGS */ h1, h2, h3, h4, h5, h6 {font-family:'Open Sans Condensed'; margin-top:0px; line-height: 110%; text-decoration:none;margin-bottom:4px;} h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {color:#000; text-decoration:none;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#fd1a1c;} h1 {font-size:18pt;margin-top:10px;margin-bottom:10px;} h2 {font-size:16pt;} h3 {font-size:14pt;} h4 {font-size:13pt;} h5 {font-size:11pt;} h6 {font-size:10pt;} /* PRIVACY POLICY */ #privacyPolicy H2, #privacyPolicy H3, #privacyPolicy H4 {margin:20px 0px 10px;} #privacyPolicy H4{margin-top:20px;} #privacyPolicy ul{margin-left:20px;} #privacyPolicy blockquote{font-size: 10pt;margin-left: 20px;} /* TEXT */ .author p{margin-bottom:0px;margin-top:1px;color: #999; font-size: 7pt;line-height:110%;} p {font-size:10pt; margin-bottom:10px;} i {font-style: italic;} b {font-weight: bold;} strong {font-family:'Open Sans Condensed'; font-size:120%;} .borderbottom {border-bottom:1px solid rgba(0,0,0,.125);} .large {font-size: 10pt !important;} .italic {font-style: italic;} .redtext{color:#fd1a1c; } .redtext a:link{color:#fd1a1c; } .redtext a:visited{color:#fd1a1c; } .redtext a:hover{color:#000; } .tinytext {font-size:5pt;} .border-red{border-color: #fd1a1c !important;} /* MOBILE NAV */ #primary-menu-trigger {opacity: 0; pointer-events: none; cursor: pointer; font-size: 14px; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .icon-reorder:before {color:#FFF;content: "\e76d";} /* SIDEBAR */ div#sidebar{margin-top:0px;} .stickyDiv {position: sticky;position: -webkit-sticky;top: 50px;} .sidebar-unit {width: 100%; display: inline-block; margin: 5px auto;} #erateWidget{font-family:Arial, Helvetica, sans-serif; font-size:12px; width:280px; } #erateWidget table.ratesTable{font-size:12px; padding:2px; margin:0px auto; border-color:#b0c1d9; width:100%; } #erateWidget table.ratesTable td{border-color:#b0c1d9; font-size:12px; } #erateWidget table.ratesTable th.top{font-weight:bold; color: #255488; border-right: 1px solid #b0c1d9; border-bottom: 1px solid #b0c1d9; border-top: 1px solid #b0c1d9; text-align: left; padding: 2px; background: #e2ecf9; font-size:12px; } #erateWidget table.ratesTable .left{border-left: 1px solid #b0c1d9; margin:0px; float:none; } #erateWidget table.ratesTable th.tick{ color: #255488; border-right: 1px solid #b0c1d9; border-bottom: 1px solid #b0c1d9; border-left: 1px solid #b0c1d9; text-align: left; border-top: none; background: #ffffff; padding: 2px; color: #255488; font-weight: bold; font-size:12px; } #erateWidget table.ratesTable th.tick a{ color: #255488; font-weight: bold; font-size:12px; text-decoration:none; } #erateWidget table.ratesTable td{ border-right: 1px solid #b0c1d9; border-bottom: 1px solid #b0c1d9; background: #ffffff; padding: 2px; color: #333333; text-align:center; } #erateWidget table.ratesTable th.tdcenter{text-align:center; width:25%; } #erateWidget .caption{ padding: 4px 0px; font-size: 12px; text-align: center; color: #333333;} #erateWidget .caption a, #erateWidget .caption a:hover, #erateWidget .caption a:visited{ text-decoration:none; color: #333333; } div#nowShowingMovies-titlebar{height:34px;} div#nowShowingTheatre-titlebar{height:36px;} div#nowShowingTheatre .nowShowing-inner{background-color:#FFF;} div#nowShowingMovies .nowShowing-inner p {color:#FFF;} div.lexus-title, div.lexus-title h3, div.lexus-title h4 {width: 100%;} div.lexusRedCarpet-inner p{color:#FFF;} div#map-sidebar {width:285px; height:300px;} .sidebar-unit ol {padding-left:20px;padding-top:20px;} /* FOOTER */ div#footer ul {padding-left:10px; padding-right:10px; margin-left:10px; float:left; list-style-type:disc; margin-top:10px;} div#footer li {color:#999; size:11px; line-height:120%;} div#footer a {color:#999; font-family:'Open Sans', sans-serif; font-size:11pt; text-decoration:none;} div#footer a:hover {color:#fd1a1c;} div#footer h4 {color:#FFFFFF; font-size:18pt; margin-bottom:10px;} div#footer label {padding:0px;margin:0px;width:100%;} div#footer p {color:#999; font-family:'Open Sans', sans-serif; font-size:10pt; text-decoration:none;} div#footer ul.list {width:45%;} /* HOMEPAGE */ h2.card-title {font-size:18pt;margin-bottom:10px;} .list-border{border-left:1px solid #dee2e6;} .A1caption{font-size:40px;font-weight: 600; color:#FFF; text-shadow: rgba(0, 0, 0, 1) 2px 2px 2px; text-align: left;} .carousel-caption{right: 20px !important; left: 20px !important;text-align: left;} /* ---------------------------------------------------------------- Styled Icons -----------------------------------------------------------------*/ .i-rounded,.i-plain,.i-circled,.i-bordered,.social-icon { display: block; margin: 4px 11px 7px 0; text-align: center !important; font-size: 28px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); cursor: pointer; font-style: normal; float: left; } body:not(.device-touch) .i-rounded, body:not(.device-touch) .i-plain, body:not(.device-touch) .i-circled, body:not(.device-touch) .i-bordered, body:not(.device-touch) .social-icon {-webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .i-rounded, .i-circled, .i-bordered {width: 52px !important; height: 52px !important; line-height: 52px !important; background-color: #444; border-radius: 3px; } .i-bordered { border: 1px solid #555; line-height: 50px !important; background-color: transparent !important; color: #444; text-shadow: none;} .i-plain { width: 36px !important; height: 36px !important; font-size: 28px; line-height: 36px !important; color: #444; text-shadow: 1px 1px 1px #FFF; } .i-plain:hover { color: #777; } .i-circled { border-radius: 50%; } .i-light { background-color: #F5F5F5; color: #444; text-shadow: 1px 1px 1px #FFF; box-shadow: inset 0 0 15px rgba(0,0,0,0.2); } .i-rounded:hover, .i-circled:hover {background-color: #1ABC9C; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); box-shadow: 0 0 0 rgba(0,0,0,0.2); } .i-bordered:hover {background-color: #444 !important; color: #FFF; border-color: #444; } /* ---------------------------------------------------------------- STORY PAGES -----------------------------------------------------------------*/ .card p, .sidebar-unit-inner p{font-size:9pt;} .author a:link, .author a:visited {color: #999 !important;} .showLocal {color:#F00; font-family:'Open Sans Condensed', sans-serif; font-size:11px; margin-bottom:4px; text-transform: uppercase;} .badge-secondary {font-size:10pt; background-color:#cfcfcf;font-family:'Open Sans', sans-serif; } .title-breadcrumb{color:#000; font-family:'Open Sans Condensed', sans-serif; font-size: 16pt; margin:14px 0px;line-height:110%;color:#000;text-decoration: none;} .title-breadcrumb a:link, .title-breadcrumb a:visited, .channel-title h2 a{color: #000;} .title-breadcrumb a:hover{color: #fd191d;} .title-breadcrumb .blog-title{font-size: 12pt; margin:14px 0px 0px; font-style: italic; color:#fd191d; font-weight: 300;font-family:'Open Sans Condensed', sans-serif;} div#storyMain .figure-caption{font-family:'Open Sans', sans-serif; font-size:10px;} div#storyMain .bodytext {color:#000; font-family:'Open Sans', sans-serif; font-size:9pt;} div#storyMain div.credentials {clear:both; padding-top:10px; margin:10px 0px;border-top: 1px dotted #ccc; color:#777; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt;} div#storyMain div.credentials img {float:left; display:block; margin-right:10px; border:0;} div#storyMain div.specialreport_container {margin-top:10px; margin-bottom:10px; font-size: 9pt; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 10px; border:1px solid; border-color:#d8d9da; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px; } div#storyMain div.disclaimer_container {margin-top:10px; margin-bottom:10px; font-size: 8pt; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 10px; border:1px solid; border-color:#d8d9da; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px; } div#storyMain div#discussion {clear:both; padding:8px; margin-bottom:10px; background-color:#f2f2f2; border:1px solid; border-color:#d8d9da; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px; position:relative;z-index: 0;} div#storyMain div#facebook-discussion {clear:both; margin-bottom:10px; padding:8px; background-color:#f2f2f2; border:1px solid; border-color:#ccc; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px; position:relative;z-index: 0;} div#storyMain-topics {padding:10px; margin-top:10px; color:#999999; font-size:9pt;margin-bottom:10px;background-color:#f2f2f2; border:1px solid; border-color:#d8d9da; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px; position:relative;z-index: 0;} div#storyMain-topics .title {color:#999999; font-size:9pt; font-weight:bold;} div#storyMain h3{margin-bottom:12px;} div#storyMain h2.element-title {border-bottom: 1px dotted #999999; margin-bottom:12px;} div#storyMain ul.tools-header {clear:both;background-color:#FFF; margin: 10px 0 5px; border:1px solid #cccccc; border-radius:0; border-left: 0px; border-right: 0px; display:block; width:100%; height:28px; position:relative;} div#storyMain ul.tools-header li {list-style:none;} div#storyMain ul.tools-header li a {margin-left:0px; height:24px; padding-left:22px;padding-top:8px; padding-bottom:7px; padding-right:8px; display:block; float:left;text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:600;line-height:98%;color:#999999;} div#storyMain ul.tools-header li a:hover {background-color:#d8d9da; color:#000; } div#storyMain ul.tools-header li.print {display:inline;} div#storyMain ul.tools-header li.print a { background: url(../images/print.png) no-repeat 5px 5px;} div#storyMain ul.tools-header li.email a {background: url(../images/email.png) no-repeat 4px 5px;} div#storyMain ul.tools-header li.comments a {background: url(../images/comments.png) no-repeat 5px 5px;} div#storyMain ul.tools-header li.textlarge a {text-indent:-9999px; padding-right:4px; padding-left:23px; float:right; background: url(../images/text_large.png) no-repeat 5px 5px;} div#storyMain ul.tools-header li.textmedium a {text-indent:-9999px; padding-right:4px; padding-left:18px; float:right; background: url(../images/text_medium.png) no-repeat 5px 5px;} div#storyMain ul.tools-header li.textsmall a {text-indent:-9999px; padding-right:4px; padding-left:18px; float:right; background: url(../images/text_small.png) no-repeat 5px 5px;} .video-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;} .video-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;} #videoContainer { position: relative; width: 636px; height: 480px; } #videoContent, #adContainer, #videoContainer iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #adContainer img:hover { cursor: pointer; } div#related-topics {clear:both;} /*SLIDEOUT RELATED STORY BOX ON STORIES*/ #slidebox{z-index: 20; width:400px; height:130px; padding:10px; background-color:#fff; border-top:3px solid #fd1a1c; position:fixed; bottom:20px; right:-430px; -moz-box-shadow:-2px 0px 5px #aaa; -webkit-box-shadow:-2px 0px 5px #aaa; box-shadow:-2px 0px 5px #aaa; } #slidebox p, a.readmore{ font-size:11px; text-transform:uppercase; letter-spacing:1px; color:#555; } a.readmore{ font-family:'Open Sans', sans-serif; cursor:pointer; color:#fd1a1c; } a.readmore:hover{text-decoration:underline;} #slidebox h2{ color:#fd1a1c; font-size:18px; margin:10px 20px 5px 0px; } a.close{ width:13px; height:13px; position:absolute; cursor:pointer; top:10px; right:10px; } a.close:hover{background-position:0px -13px;} /* INSIDE EDGE */ div#inside-edge .card-deck {margin-left: 0px; margin-right: 0px; margin-bottom:10px;} div#inside-edge .card-deck .card {margin: 5px;} div#inside-edge .card-body {padding: .75rem;} h6.card-title a:hover{color:#fd1a1c;} /*TABOOLA HEADLINES*/ .thumbnails-a .syndicatedItem .video-title {font-size:12px !important;line-height: 18px !important;} /* ---------------------------------------------------------------- CHANNEL PAGES -----------------------------------------------------------------*/ h2.channelHeader {border-bottom: 1px dotted #7a7a7a;font-size:18pt;} h2.subchannelBoxHeader{width:99%;padding:10px;margin-top:16px; border:1px solid #cccccc; border-top-right-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; margin-bottom: 0px;} .media-body h1{margin-bottom: 4px; margin-top:0px; color: #000; font-size: 30px; text-decoration: none; } .media-body p.author{font-size:12px;} .author a:hover{color:#fd1a1c !important;} /* CHANNEL SUBMENU */ #page-menu, #page-menu-wrap { position: relative; height: 64px; line-height: 64px; z-index: 80;} #page-menu-wrap { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; } #page-submenu-trigger { top: 0; margin-top: 0; left: auto; right: 15px; width: 40px; height: 64px; line-height: 64px;float:right;} #page-menu .menu-title { float: left; height: 64px; } #page-menu .menu-title h2{margin-top:20px;font-size:26px;} #page-menu nav { width:auto; position: relative; float: left; height: 64px; background-color: none !important; border-bottom: 0px; text-align: center; margin-right: auto; margin-left:40px;} #page-menu nav ul { margin-bottom: 0; height: 64px; } #page-menu nav li { position: relative; float: left; list-style: none; } #page-menu nav li a { display: block; height: 34px; line-height: 34px; margin: 20px 4px 10px; padding: 0 14px; font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; font-weight: bold; color:#7a7a7a; } #page-menu nav li a .icon-angle-down { margin-left: 5px; } body:not(.device-touch) #page-menu nav li a {-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} #page-menu nav li:hover a,#page-menu nav li.current a { color: #e83824; } #page-menu li:hover ul { display: block; } #page-menu ul ul { display: none; position: absolute; width: 150px; top: 64px; right: 0; height: auto; background-color: #fff; border: 1pt solid #ccc;} #page-menu ul ul ul { display: none !important; } /* Disable Multi-Level Links */ #page-menu ul ul li { float: none; } #page-menu ul ul a {height: auto; line-height: 22px; margin: 0; padding: 8px 14px; border-radius: 0; background-color: #fff; } #page-menu ul ul a:link{color:#000;} #page-menu ul ul li:hover a,#page-menu ul ul li.current a {color:#FFF; background-color: rgba(0,0,0,0.3); } .PRnewswire {padding:10px; border:1px solid #ccc;border-radius: 6px;} .PRnewswire span:not(.localized){padding-left:4px;font-family: 'Open Sans Condensed';font-weight: bold;font-size:12pt !important;} .PRnewswire .localized{} .PRnewswire a:not(li){float:right; font-size: 9pt; color:#fd1a1c;} div.more-bar {font-size:9pt; padding-top:4px;clear:both;margin: 10px 0; border:1px solid #cccccc; border-radius:0; border-left: 0px; border-right: 0px; display:block; width:100%; height:28px; position:relative;} div.more-bar a:link, div.more-bar a:visited {color:#000;} div.more-bar a:hover, div.more-bar a:active {color:#fd1a1c;} /* ---------------------------------------------------------------- CALENDAR -----------------------------------------------------------------*/ #posts { position: relative; } .entry { position: relative; margin-bottom: 10px; } .entry::after { content: ''; position: relative; height: 2px; margin-top: 10px; background-color: #F5F5F5; } .entry-image { margin-bottom: 30px; } .entry-image, .entry-image > a, .entry-image .slide a, .entry-image img { display: block; position: relative; width: 100%; height: auto; } .entry-meta { position: relative; overflow: hidden; margin-top: 10px; } .entry-meta ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0 0 -10px -20px; list-style: none; } .entry-meta.no-separator ul, .entry-meta ul.flex-column { align-items: start; margin-left: 0; } .entry-meta li { font-size: 12px; margin: 0 15px 10px 0; color: #999; } .entry-meta ul.flex-column li {margin-left: 0;} .entry-meta:not(.no-separator) li::before { content: '\205E'; width: 5px; text-align: center; display: inline-block; margin-right: 15px; opacity: 0.5; } .entry-meta i { position: relative; top: 1px; padding-left: 1px; margin-right: 5px; } .entry-meta a:not(:hover) { color: #999; } .entry-content { margin-top: 30px; } .entry-content { position: relative; } .entry-link { display: block; width: 100%; background-color: #F5F5F5; padding: 30px 0; text-align: center; color: #444; font-family: 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 1.5rem; font-weight: 700; border-radius: 3px; } body:not(.device-touch) .entry-link { -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .entry-link:hover { color: #FFF; background-color: #1ABC9C; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .entry-link span { display: block; margin-top: 5px; font-family: 'PT Serif', serif; font-style: italic; font-weight: normal; text-transform: none; letter-spacing: 0; font-size: 0.875rem; color: #AAA; } .entry-link:hover span { color: #EEE; } /* ---------------------------------------------------------------- UNSUBSCRIBE -----------------------------------------------------------------*/ .gray-bkg {background-color: rgba(0,0,0,.03) !important;} /* ---------------------------------------------------------------- MY ACCOUNT -----------------------------------------------------------------*/ .card-header {font-size:18px;font-weight: bold;} label.notbold{font-weight: normal !important;line-height: normal !important;} .abcRioButton {margin:0 auto !important;} form label {min-width:70%; font-size: 13px; font-weight: 700; color: #545454; cursor: pointer; } form label:not(.checkbox-slider):not(.checkbox) {margin-bottom: 10px; display: inline-block; margin-left: 0px;width:100% !important; float:none !important; } form .checkbox-slider , form .slider{max-width:30px !important; width: 30px !important;min-width:10% !important;} #pswd_info, #pswd_check, #pswd_info2, #pswd_check2, #new_email, #email_check {position:absolute; width:300px; padding:15px; background:#fefefe; font-size:.875em; border-radius:5px; box-shadow:0 1px 3px #ccc; border:1px solid #ddd; z-index: 99; } #pswd_info{bottom:-190px;right:15px;} #pswd_check {right:25px;bottom:-105px;} #pswd_info2, #pswd_check2 {bottom: 120px;left:50px;} #new_email {bottom: -100px;left:50px;} #email_check {bottom: -120px;left:50px;} #pswd_check p, #pswd_check2 p, #new_email p, #email_check p {font-size: 12px;} #pswd_info h4, #pswd_check h4, #pswd_info2 h4, #pswd_check2 h4, #new_email h4, #email_check h4 { margin:0 0 10px 0; padding:0; font-weight:normal; } #pswd_info::before, #pswd_check::before, #pswd_info2::before, #pswd_check2::before, #new_email::before, #email_check::before {content: "\25B2"; position:absolute; top:-12px; left:45%; font-size:14px; line-height:14px; color:#ddd; text-shadow:none; display:block; } .invalid { padding-left:22px; line-height:24px; color:#ec3f41; } #pswd_info ul, #pswd_info2 ul, #new_email ul, #email_check ul{ list-style-type: none!important;} li.invalid::before{ content:"x\0020"; font-weight: bold; padding-right:8px; } .valid { padding-left:22px; line-height:24px; color:#3a7d34; } li.valid::before{ content:"\2713\0020"; font-family: 'font-icons' !important; } #pswd_info, #pswd_check, #pswd_info2, #pswd_check2, #new_email, #email_check { display:none; } .modal-dialog {max-width: 1000px !important;} .imagePreview {width: auto;text-align: center;} .table-header-cell{padding:6px 12px; display:table-cell;font-size:1em;} .accordion { margin-bottom: 20px; } .accordion-header {padding: 0.75rem 0; border-top: 1px dotted #DDD; cursor: pointer; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; cursor: pointer; color: #444; font-size: 1rem; font-weight: 700; } .accordion-header.accordion-active{background-color: #dbdbdb;margin-bottom:20px;} .accordion-icon {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0 5px; text-align: center; } .accordion-title { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 0 5px; } .accordion:not([data-collapsible="true"]) .accordion-header.accordion-active { cursor: auto; } .accordion-header:first-child { border-top: none; } .accordion-header:not(.accordion-active) .accordion-open, .accordion-active .accordion-closed { display: none; } .accordion-active .accordion-open { display: inline-block; } .accordion-content { display: none; position: relative; padding-top: 0; padding-bottom: 1.5rem; } /* ---------------------------------------------------------------- Process Steps -----------------------------------------------------------------*/ .process-steps { margin: 0 0 40px; list-style: none; } .process-steps li { float: left; position: relative; width: 20%; text-align: center; } .process-steps li .i-circled { margin-bottom: 0 !important; } .process-steps li .i-bordered { background-color: #FFF; } .process-steps li .i-bordered, .process-steps li .i-circled{float:none;margin:0 auto;} .process-steps li h5 { margin: 15px 0 0 0; font-size: 16px; font-weight: 300;} .process-steps li.active h5, .process-steps li.ui-tabs-active h5 { font-weight: 600; color: #de403b; } .process-steps li.active a, .process-steps li.ui-tabs-active a { background-color: #de403b !important; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-color: #de403b !important; } .process-steps li:before, .process-steps li:after { content: ''; position: absolute; top: 30px; left: 0; width: 30%; border-top: 1px dashed #DDD; } .process-steps li:after { left: auto; right: 0;} .process-steps li:first-child:before, .process-steps li:last-child:after { display: none; } .process-steps a.inactiveLink { pointer-events: none; cursor: default; } /* ---------------------------------------------------------------- Tabs -----------------------------------------------------------------*/ .tabs-plain {background: none !important;} .tabs { position: relative; margin: 0 0 30px 0; background: none !important; } ul.tab-nav-lg { margin-bottom: 20px; list-style: none; } ul.tab-nav-lg li { float: left; position: relative; text-align: center; padding-top: 15px; padding-bottom: 0px; } ul.tab-nav-lg li a { display: inline-block; color: #444; font-size: 13px; height: 43px; padding:0 15px; line-height: 38px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; } ul.tab-nav.tab-nav-lg li i { display: block; font-size: 28px; margin: 0 0 7px; } ul.tab-nav-lg li.ui-tabs-active a { color: #de403b; } ul.tab-nav-lg li.ui-tabs-active a { border: 1px solid #DDD; border-bottom: 0; } ul.tab-nav-lg li.ui-tabs-active a { top: -1px; border-top: 2px solid #de403b; } /* Tabs - Content Area -----------------------------------------------------------------*/ .tab-container { position: relative; padding: 20px 30px 0; } ul.tab-nav li a i {position: relative;top: 1px;font-size: 14px;margin-right: 3px;} /* Tabs - Bordered -----------------------------------------------------------------*/ .tabs-bordered ul.tab-nav li:first-child { margin-left: 0; } .tabs-bordered .tab-container { border: 1px solid #DDD; border-top:1px solid #DDD; padding: 20px; } /* ---------------------------------------------------------------- Responsive CSS -----------------------------------------------------------------*/ @media only screen and (max-width: 1000px){ div#navbar #logo, div#navbar #logo img{width:200px;} } @media only screen and (max-width: 920px){ div#navbar li{margin-left:5px;margin-right:5px;font-size: 12pt;} #primary-menu-trigger { opacity: 1; pointer-events: auto; top: 0; margin-top: 0; left: 0; z-index: 1; } /*div#headerlocation{margin-left:50px;top:13px;}*/ } @media only screen and (max-device-width: 991.98px) and (orientation : portrait){ nav, div#navbar {height:100px;text-align: center;} div#navbar #logoedge {width:100%;text-align: center;float: none;margin-left:auto;margin-right:auto;top:30%;clear:both;} div#sidebar {min-width:300px;} div#headerlocation select {font-size: 10pt;} div#headersearch, div#headerfollow {margin-right: 14px;} div#headersearch input {width:120px;} div#footer-network-queeryme, div#footer-network {max-width: 60% !important;} div#footer, div#footer-container {height: auto !important;} div#footer-therest {max-width: 40% !important;} div#footer-copyright{clear:both;background: #FFF;} h2.subchannelBoxHeader{width: 100%;} div#navbar ul {clear:both;float:none;display: inline-block; text-align: left;} h2{font-size:14pt;} .small{font-size:9pt;} .list-border {border-left:0px; border-top:1px solid #dee2e6; padding-top:10px;} #page-menu nav li a {padding:0 6px;} div#headerlocation select {font-size:12pt;} .A1caption{font-size:28px;} .carousel-caption{padding-bottom: 10px;} } @media only screen and (max-width: 767.98px){ div#login{margin-top:18px;} div#footer-therest {max-width: 100% !important;} .media-body p, div#footer-network {display:none;} #slidebox{width:80%;} .modal-dialog {max-width: 500px !important;} .A1caption{font-size:24px;} .carousel-caption{padding-bottom: 10px;} } @media only screen and (min-width: 576px){ .col-sm-8 {float:left;} .col-sm-4 {float:left;} } @media only screen and (max-width: 576px){ .hide-tiny {display: none;} }