diff --git a/comsol/about.html b/comsol/about.html new file mode 100644 index 0000000..e32fbe5 --- /dev/null +++ b/comsol/about.html @@ -0,0 +1,211 @@ + + + + + + {{.Title}} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+ + +
+ +
+ + +
+ + + + +
+ +
+
+ + + + + +
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+

About

+
+

{{.About}}

+ +
+ + +
+
+ +
+
+ + +
+

POPULAR ARTICLES

+ {{$plen := len .PopularArticles}} + {{if ne $plen 0}} + + {{range .PopularArticles}} +
+
+
+ Cover Image +
+ +
+ +

{{.Title}}

+ +
+
+
+ {{end}} + {{end}} +
+
+
+
+
+ +
+ + + + + +
+
+ + +
+
+
+
    +
  • Quick Links
    • +
  • HOME
    • + {{if .HasAbout }} +
  • ABOUT
    • + {{end}} + {{if .HasContact }} +
  • CONTACT
    • + {{end}} + {{if .HasPolicy }} +
  • POLICY
    • + {{end}} + +
+
+
+
+
+ +
+
+ + + + + + + diff --git a/comsol/config.json b/comsol/config.json new file mode 100644 index 0000000..e0d5836 --- /dev/null +++ b/comsol/config.json @@ -0,0 +1,5 @@ +{ + "creator": "何林云", + "version": "1.0", + "origin_website": "https://www.comsol.de/blogs" +} \ No newline at end of file diff --git a/comsol/contact.html b/comsol/contact.html new file mode 100644 index 0000000..c73fe3c --- /dev/null +++ b/comsol/contact.html @@ -0,0 +1,211 @@ + + + + + + {{.Title}} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+ + +
+ +
+ + +
+ + + + +
+ +
+
+ + + + + +
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+

Contact

+
+

{{.Contact}}

+ +
+ + +
+
+ +
+
+ + +
+

POPULAR ARTICLES

+ {{$plen := len .PopularArticles}} + {{if ne $plen 0}} + + {{range .PopularArticles}} +
+
+
+ Cover Image +
+ +
+ +

{{.Title}}

+ +
+
+
+ {{end}} + {{end}} +
+
+
+
+
+ +
+ + + + + +
+
+ + +
+
+
+
    +
  • Quick Links
    • +
  • HOME
    • + {{if .HasAbout }} +
  • ABOUT
    • + {{end}} + {{if .HasContact }} +
  • CONTACT
    • + {{end}} + {{if .HasPolicy }} +
  • POLICY
    • + {{end}} + +
+
+
+
+
+ +
+
+ + + + + + + diff --git a/comsol/css/bootstrap3-external-7490768328.css b/comsol/css/bootstrap3-external-7490768328.css new file mode 100644 index 0000000..74bc75f --- /dev/null +++ b/comsol/css/bootstrap3-external-7490768328.css @@ -0,0 +1,8174 @@ +@import url('bootstrap3-external-blessed2-1668433583.css');@import url('bootstrap3-external-blessed1-1668433583.css'); +.table-blog > thead > tr > th, +.table-blog > thead > tr > td { + border-bottom-width: 2px; +} +.table-blog th { + background-color: #eeeeee; +} +.table-blog tr td { + background-color: #ffffff; + word-wrap: break-word; +} +.table-blog img { + max-width: 100% !important; +} +.table-blog img.auto { + width: auto !important; +} +.table-blog span.latex img { + width: auto !important; + height: auto !important; +} +.table-blog.large { + table-layout: auto; + max-width: none; + width: 1100px; +} +/* bryanna's new blog changes*/ +.wpsubscribe-post { + color: #28aa8f; + font: 600 18px/22px "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + margin-top: 25px; + transition: color 0.2s; + -webkit-transition: color 0.2s; +} +.wpsubscribe-post:hover, +.wpsubscribe-post:focus { + color: #1e816c; + cursor: pointer; +} +.wpsubscribe-post i { + color: #22b781; + margin-right: 8px; +} +.blog-enterenvelope { + border: solid 1px #28aa8f; + background-color: #28aa8f; + border-radius: 0 4px 4px 0; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + text-align: center; + width: 35px; + height: 34px; + margin-left: -35px; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} +.blog-enterenvelope i { + position: absolute; + top: 7px; + right: 2px; + color: #ffffff; + margin-right: 5px; + font-size: 20px; +} +.gt_newpost { + float: right; + margin: 0; + position: relative; + top: 4px; +} +@media (max-width: 1200px) { + .gt_newpost { + width: 272px; + } +} +.subform { + display: -webkit-flex; + display: flex; + align-content: center; + position: relative; + top: -9px; + max-width: 300px; + max-height: 50px; +} +.subform input.text-input { + border-color: #28aa8f; + width: 300px; + margin-bottom: 0; + margin-top: 0; +} +.subform ::-webkit-input-placeholder { + /* Chrome/Opera/Safari */ + color: #1e816c; +} +.subform ::-moz-placeholder { + /* Firefox 19+ */ + color: #1e816c; +} +.subform :-ms-input-placeholder { + /* IE 10+ */ + color: #1e816c; +} +.subform :-moz-placeholder { + /* Firefox 18- */ + color: #1e816c; +} +.subform .subforminput { + border: solid 1px #28aa8f; + padding-left: 15px; +} +.wp-content-wrapper { + position: relative; + overflow: hidden; + width: 100%; +} +.wp-content { + width: 100%; + height: 100%; + position: relative; + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-transition: 0.3s ease all; + transition: 0.3s ease all; +} +.wp-mobile-sidebar { + width: 300px; + height: 100%; + position: absolute; + top: 0; + right: -303px; +} +.wp-mobile-sidebar .card-box { + padding: 20px; +} +.wp-mobile-sidebar .card-box .blog-divide { + margin: 5px -20px; +} +.wp-content-wrapper.show-nav .wp-content { + -webkit-transform: translateX(-300px); + transform: translateX(-300px); +} +.wp-content-wrapper.show-nav .wp-content .container { + margin-right: 0; +} +.wp-nav-btn { + display: block; + position: relative; + top: 15px; + float: right; + background-color: #368ccb; + border: 1px solid #368ccb; + border-radius: 4px; + padding: 5px 10px; + color: #ffffff; + font-weight: 600; + -webkit-transition: 0.3s ease all; + transition: 0.3s ease all; +} +.wp-nav-btn:hover, +.wp-nav-btn:active { + background-color: #2a70a4; + border-color: #2a70a4; +} +@media (max-width: 400px) { + .wp-mobile-sidebar { + width: 260px; + right: -263px; + } + .wp-mobile-sidebar .card-box { + padding: 15px; + } + .wp-mobile-sidebar .card-box .blog-divide { + margin: 5px -15px; + } + .wp-content-wrapper.show-nav .wp-content { + -webkit-transform: translateX(-260px); + transform: translateX(-260px); + } +} +@media (max-width: 370px) { + .wp-mobile-sidebar { + width: 240px; + right: -243px; + } + .wp-mobile-sidebar .card-box { + padding: 15px; + } + .wp-mobile-sidebar .card-box .blog-divide { + margin: 5px -15px; + } + .wp-content-wrapper.show-nav .wp-content { + -webkit-transform: translateX(-240px); + transform: translateX(-240px); + } +} +.ps-section--intro { + background-color: #f9f9f9; +} +.ps-section--platform { + background-color: #eeeeee; +} +.ps-section--deployment { + background-color: #f9f9f9; +} +.ps-section--modules { + background-color: #dfe8ee; +} +.ps-section--release { + background-color: #f9f9f9; +} +.ps-section { + padding: 45px 0; +} +.ps__img { + width: 100%; +} +.ps-heading { + font-weight: bold; + margin: 0 0 10px; + font-size: 26px; + color: #585858; + line-height: 1.2; +} +.ps-heading--intro { + font-weight: 800; + font-size: 32px; + line-height: 1em; + margin: 40px 0 20px; + padding: 0; + color: #333333; +} +.ps-text--deployment { + background: #eeeeee; + border: 1px solid #dddddd; + padding: 20px 20px; + margin-bottom: 20px; + min-height: 195px; +} +.ps-title { + font-weight: bold; + margin-top: 0px; + margin-bottom: 15px; + font-size: 1.15em; +} +.ps-title--module { + text-transform: uppercase; +} +.ps-cta { + display: block; + margin-bottom: 10px; + margin-top: 20px; + font-weight: 800; +} +.ps-cta:hover { + text-decoration: none; + color: #25325b; +} +.feature-function-txt { + margin-bottom: 5px; + color: #999999; +} +.ps-cta--feature { + display: inline-block; + background: #84c2ea; + padding: 8px 16px; + margin-right: 5px; + margin-bottom: 10px; + border-radius: 5px; + font-weight: bold; + font-size: 15px; + color: #ffffff; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); +} +.ps-cta--feature:hover { + text-decoration: none; + background: #005596; + color: #ffffff; +} +.ps-cta--platform a { + text-decoration: none; + font-weight: 800; +} +.ps-module__blocks { + background: #f9f9f9; + border: 1px solid #dddddd; + border-left: 3px solid #005596; + padding: 30px; +} +.ps-module__blocks ul { + padding-left: 0px; +} +.ps-module__blocks ul li { + list-style: none; +} +.ps-module__blocks ul ul { + padding-left: 20px; +} +.ps-cta--button { + background: #388090; + padding: 8px 16px; + border-radius: 5px; + font-weight: 800; + color: #ffffff; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); +} +.ps-cta--button:hover { + text-decoration: none; + background-color: #2a5f6b; + color: #ffffff; +} +.ps-release__padding { + padding: 0 200px; +} +.ps-release__padding p { + color: #585858; + font-weight: 700; +} +.ps-section__padding { + padding: 45px 0; +} +.ps-img--padding { + padding-bottom: 25px; +} +.ps__box { + display: grid; + grid-gap: 20px; + grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); + grid-auto-rows: 55px; +} +.ps__box .ps-module__electro { + grid-row-end: span 4; + grid-column: 1; +} +.ps__box .ps-module__acoustics { + grid-row-end: span 5; + grid-column: 2; +} +.ps__box .ps-module__multi { + grid-row-end: span 4; + grid-column: 3; +} +.ps__box .ps-module__fluid { + grid-row-end: span 4; + grid-column: 1; +} +.ps__box .ps-module__fluid .ps-module__blocks { + height: 447px; +} +.ps__box .ps-module__chemical { + grid-row-end: span 4; + grid-column: 2; +} +.ps__box .ps-module__chemical .ps-module__blocks { + margin-top: -10px; + height: 382px; +} +.ps__box .ps-module__interfacing { + grid-row-end: 6; + grid-column: 3; +} +.ps-flexbox { + display: flex; +} +.ps-flexbox__col { + flex: 1; + margin: 0 10px; + display: flex; + flex-direction: column; +} +.ps-flexbox__col-top { + flex: 0 1; + margin-bottom: 20px; +} +.ps-flexbox__col-btm { + flex: 1 0; +} +@media screen and (min-width: 992px) { + .ps-flexbox__col:first-child { + margin-left: 0; + } + .ps-flexbox__col:last-child { + margin-right: 0; + } +} +@media screen and (max-width: 991px) { + .ps-release__padding { + padding: 0 0px; + } + .ps-flexbox { + flex-direction: column; + } + .ps-flexbox__col { + margin: auto 0; + margin-bottom: 20px; + flex-direction: row; + } + .ps-flexbox__col-top { + flex: 1 0; + margin-bottom: 0px; + margin-right: 20px; + } + .ps-flexbox__col-btm { + flex: 1 0; + } +} +@media screen and (max-width: 767px) { + .ps-flexbox__col { + margin: auto 0; + margin-bottom: 20px; + flex-direction: column; + } + .ps-flexbox__col-top { + flex: 1 0; + margin-right: 0; + margin-bottom: 20px; + } +} +.subtitled-top-box { + border-bottom: 0; +} +.top-box-subtitle { + background: #005596; + margin-left: -30px; + margin-right: -30px; + padding: 15px 30px; + color: #ffffff; + border-top: 4px solid #25325b; + border-radius: 0 0 4px 4px; +} +.red-top-box .top-box-subtitle { + background: #d61e57; + border-color: #ab1f46; +} +.card-alert { + font-size: 0.9em; + background: #f2f2f2; + font-style: italic; + color: #999999; +} +.pd-platforms { + margin-bottom: 0; +} +.pd-platforms a { + color: inherit; +} +.pd-platforms a:hover, +.pd-platforms a:active { + color: inherit; +} +.pd-platforms .active { + color: inherit; + cursor: default; + font-weight: 800; + position: relative; +} +.pd-platforms .active:hover { + text-decoration: none; +} +.pd-version-selection { + width: 100%; +} +.pd-version-selection li > .active { + font-weight: 600; + position: relative; +} +.pd-version-selection li > .active:before { + content: ' '; + display: block; + width: 5px; + height: 5px; + background: #368ccb; + border-radius: 100%; + position: absolute; + left: 9px; + top: 50%; + margin-top: -2.5px; +} +.pd-version-selection li > .active:hover { + cursor: default; + background: transparent; + color: inherit; + text-decoration: none; +} +.pd-version-selection li > a:hover { + background: transparent; + text-decoration: underline; +} +.pd-version-selection button { + text-align: left; + width: 100%; + background-color: #f9f9f9; + border-radius: 2px 2px 0 0; + white-space: unset; +} +.pd-version-selection button i { + float: right; + vertical-align: middle; + line-height: 24px; +} +.pd-version-selection.open > .dropdown-toggle.btn-default, +.pd-version-selection button:hover, +.pd-version-selection button:focus, +.pd-version-selection button:active { + background-color: #f2f2f2; + outline: none !important; +} +.pd-version-selection.open > .dropdown-menu { + max-height: 999px; + transition: max-height 0.5s ease; +} +.pd-version-selection .dropdown-menu { + width: 100%; + display: block; + max-height: 0; + transition: max-height 0.5s ease; + overflow: hidden; + padding: 0; + margin: 0; + -webkit-border-radius: 0 0 5px 5px; + border-radius: 0 0 5px 5px; +} +.pd-version-selection .dropdown-menu li { + padding: 0 0 0.5em 0; +} +.pd-version-selection .dropdown-menu li:first-child { + padding-top: 1em; +} +.pd-version-selection .dropdown-menu li:last-child { + padding-bottom: 1em; +} +a.btn-basic.pd-onlinedownload { + background: #005596; + color: #ffffff; + border-color: #25325b; +} +a.btn-basic.pd-onlinedownload:hover { + background: #25325b; +} +li.list-spacer { + margin-bottom: 0.5em; +} +.download-thankyou1 { + text-align: center; + display: block; + font-size: 1.5em; +} +.download-thankyou2 { + display: block; + text-align: center; + font-size: 1.1em; +} +.two-col-list li { + width: 50%; + float: left; +} +.books--external-link { + margin-bottom: 25px; +} +.books--external-link h5 { + margin-bottom: 3px; +} +.books--external-link h5 a { + line-height: 1.2; + font-size: 16px; + font-weight: 600; +} +.books--external-link h5 a small { + color: #368ccb; +} +.color-box { + width: 120px; + height: 40px; +} +.color-title { + font-size: 12px; +} +.style-intro { + background-color: #368ccb; +} +.style-intro h1 { + color: #eeeeee; + text-align: center; +} +.style-intro h1 { + font-weight: 900; + font-size: 4vw; + margin: 3.5vw 0; +} +.style-h3 { + color: #368ccb; + font-weight: 900; + font-size: 2.5vw; + line-height: 4vw; + display: inline-block; +} +.sidebar { + position: relative; + margin-bottom: 10px; + width: 95%; +} +.sidebar:before, +.sidebar:after { + content: ""; + position: absolute; + bottom: 8px; + left: 0px; +} +code, +code { + display: inline-block; +} +/* Index */ +.index .nav > li > a { + color: #999999; + border-left: 2px solid transparent; + padding: 4px 20px; + font-size: 1em; + font-weight: 400; +} +/* nested links */ +.index .nav .nav > li > a { + padding-top: 1px; + padding-bottom: 1px; + padding-left: 30px; + font-size: 0.9em; +} +/* active & hover links */ +.index .nav > .active > a, +.index .nav > li > a:hover, +.index .nav > li > a:focus { + color: #333333; + text-decoration: none; + background-color: transparent; + border-left-color: #368ccb; +} +/* all active links */ +.index .nav > .active > a, +.index .nav > .active:hover > a, +.index .nav > .active:focus > a { + font-weight: 700; +} +/* nested active links */ +.index .nav .nav > .active > a, +.index .nav .nav > .active:hover > a, +.index .nav .nav > .active:focus > a { + font-weight: 500; +} +/* hide inactive nested list */ +.index .nav ul.nav { + display: none; +} +/* show active nested list */ +.index .nav > .active > ul.nav { + display: block; +} +.navbar { + margin-top: 30px; +} +sup { + top: -0.5em; + font-size: 60%; +} +.prod-nav_button { + z-index: 550; +} +progress { + z-index: 525; +} +.prod-nav { + z-index: 500; +} +.productpage-nav { + z-index: 450; +} +.productsuite-nav { + z-index: 400; +} +.prod-nav-overlay { + z-index: 300; +} +.poster-playhead { + z-index: 100; +} +.hero-model { + z-index: 0; +} +.prod-sidebar { + z-index: -100; +} +.productpage-nav.open { + z-index: 575; +} +.productsuite-nav.open { + z-index: 575; +} +.shadow-light { + box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.44); +} +.shadow-heavy { + box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.44); +} +.prod-nav { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-color: #25325b; + height: 40px; +} +.prod-nav_button { + color: #ffffff; + text-transform: uppercase; + background-color: #388090; + height: 45px; + padding: 0 20px; + border: 0; + font-size: 15px; + line-height: 40px; + margin-top: -5px; + font-weight: 800; + box-shadow: 0 5px 14px 0px rgba(0, 0, 0, 0.47); + position: relative; +} +.prod-nav_button:hover { + background-color: #ffffff; + color: #388090; +} +.prod-nav_button .fa-close { + display: none; +} +.prod-nav_button .fa-angle-down, +.prod-nav_button .fa-angle-right { + display: inline-block; +} +.prod-nav_button.open .fa-close { + display: inline-block; +} +.prod-nav_button.open .fa-angle-down, +.prod-nav_button.open .fa-angle-right { + display: none; +} +.prod-nav_button-products { + float: right; + border-top-left-radius: 4px; +} +.prod-nav_button-content { + float: left; + border-top-right-radius: 4px; +} +.prod-nav-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(29, 28, 33, 0.6); + padding: 15px 15px 55px 15px; +} +.prod-navwrapper .prod-navinner { + padding: 40px; +} +.prod-navwrapper .desktop { + display: table-cell; +} +.prod-navwrapper .mobile { + display: none; +} +.prod-navwrapper .suite-inline, +.prod-navwrapper .suite-mixmatch { + background: rgba(0, 0, 0, 0.18); + padding: 30px 60px; + margin: 0; + color: #ffffff; +} +.prod-navwrapper .suite-header { + background: #368ccb; + padding: 40px; + margin: 0; + color: #ffffff; + position: relative; + min-height: 100px; +} +.prod-navwrapper .suite-header:before, +.prod-navwrapper .suite-header:after { + content: " "; + display: table; +} +.prod-navwrapper .suite-header:after { + clear: both; +} +.prod-navwrapper .suite-header:before, +.prod-navwrapper .suite-header:after { + content: " "; + display: table; +} +.prod-navwrapper .suite-header:after { + clear: both; +} +.prod-navwrapper .suite-header .valign { + display: inline-block; + height: 40px; + vertical-align: bottom; + position: relative; +} +.prod-navwrapper .suite-title { + color: #ffffff; + font-size: 1.8em; + font-weight: 700; + margin: 0; + width: 560px; + line-height: 1; +} +.prod-navwrapper .suite-tagline { + font-style: italic; + display: inline-block; + line-height: 1.3; + color: #eeeeee; + margin-top: 1.5em; + padding-left: 15px; + text-align: right; + margin: 0; + vertical-align: bottom; + position: relative; + width: 99%; + margin-right: -1px; +} +.prod-navwrapper .x-close-mod { + cursor: pointer; + color: #e7edf5; +} +.prod-navwrapper .x-close-mod:hover { + color: #ffffff; +} +@media screen and (max-width: 1199px) { + .prod-navwrapper .suite-header { + padding: 30px; + } + .prod-navwrapper .suite-header .suite-title { + position: relative; + white-space: normal; + width: auto; + padding: 0; + } + .prod-navwrapper .suite-header .suite-tagline { + float: left; + clear: both; + padding: 10px 0 0 0; + text-align: left; + } +} +.prod-navwrapper ul { + margin: 0; + padding: 0; +} +.prod-navwrapper li { + list-style: none; + color: #333333; + line-height: 1.2; + margin: 0; + padding: 0 0 0.8em 0; + color: inherit; +} +.prod-navwrapper li:last-child { + padding: 0 0 0 0; +} +.prod-navwrapper li ul { + padding: 0.8em 0 0 1em; +} +.prod-navwrapper a { + font-size: 1em; + color: #eeeeee; +} +.prod-navwrapper a:hover, +.prod-navwrapper a:active, +.prod-navwrapper a:focus, +.prod-navwrapper li.active a { + text-decoration: none; + border-bottom: 0; +} +.prod-navwrapper li.active a:before { + display: inline-block; + content: "\f101"; + font-family: 'FontAwesome'; + margin-right: 0.25em; +} +.prod-navwrapper .prod-navinner h3 { + text-transform: uppercase; + font-weight: 800; + font-size: 0.9em; + line-height: 1.5; + color: inherit; + margin: 0 0 0 0; +} +.prod-navwrapper .ll { + font-size: 0.9em; +} +.prod-navwrapper .prod-col-modules { + border-right: 1px solid #25325b; + border-left: 1px solid #25325b; + margin-right: -1px; + margin-left: -1px; +} +.prod-navwrapper .row-table { + display: table; +} +@media screen and (min-width: 992px) { + .prod-navwrapper .prod-col-platform, + .prod-navwrapper .prod-col-modules, + .prod-navwrapper .prod-col-interfacing { + display: table-cell !important; + float: none; + vertical-align: top; + } +} +@media screen and (max-width: 992px) { + .prod-navwrapper .prod-col-platform, + .prod-navwrapper .prod-col-modules { + display: table-cell; + float: none; + } + .prod-navwrapper .prod-col-modules { + border-right: 0; + } + .prod-navwrapper .desktop { + display: none; + } + .prod-navwrapper .mobile { + display: block; + } +} +@media screen and (max-width: 500px) { + .prod-navwrapper .prod-col-platform, + .prod-navwrapper .prod-col-modules, + .prod-navwrapper .prod-col-interfacing { + width: 100%; + } + .prod-navwrapper .prod-col-platform, + .prod-navwrapper .prod-col-modules { + display: block; + } + .prod-navwrapper .prod-col-modules { + border-left: 0; + } +} +.prod-navwrapper a { + color: #585858; +} +.prod-navwrapper a:hover, +.prod-navwrapper a:active, +.prod-navwrapper a:focus, +.prod-navwrapper li.active a { + color: #368ccb; + text-decoration: underline; +} +.prod-navwrapper .prod-type-physics { + margin-bottom: 40px; +} +.prod-navwrapper .prod-type-physics h3 { + color: #368ccb; +} +.prod-navwrapper .prod-type-core { + margin-bottom: 40px; +} +.prod-navwrapper .prod-type-core h3 { + color: #368ccb; +} +.prod-navwrapper .prod-type-interfacing { + margin-bottom: 40px; +} +.prod-navwrapper .prod-type-interfacing h3 { + color: #368ccb; +} +.prod-navwrapper .prod-type-platform { + margin-bottom: 40px; +} +.prod-navwrapper .prod-type-platform h3 { + color: #005596; +} +.prod-navwrapper .prod-type-deployment { + margin-bottom: 40px; +} +.prod-navwrapper .prod-type-deployment h3 { + color: #368ccb; +} +@media screen and (max-width: 767px) { + .prod-navwrapper .prod-navinner { + padding: 30px; + } + .prod-navwrapper .prod-navinner h2 { + margin-top: -30px; + } +} +@media screen and (max-width: 767px) { + .prod-nav { + box-shadow: 0 0px 14px 0px rgba(0, 0, 0, 0.4); + } + progress { + height: 3px; + } + .prod-nav_button { + height: 40px; + padding: 0 0; + width: 50%; + font-size: 11px; + line-height: 40px; + box-shadow: 0 0 0 0; + font-weight: 600; + margin-top: 0; + } + .prod-nav_button-products { + border-left: 1px solid rgba(255, 255, 255, 0.34); + } +} +@media screen and (max-width: 500px) { + .prod-navwrapper .col-xs-6 { + width: 100%; + } +} +.productpage-nav ul li { + padding: 0 0 1.5em 0; +} +.productpage-nav a { + font-size: 1.1em; +} +.productpage-nav li > ul { + padding-left: 1.2em; + margin-bottom: 0; + margin-top: 1.5em; + padding-top: 0; + border-left: 1px solid #368ccb; +} +.productpage-nav li > ul > li:last-child { + padding-bottom: 0; +} +a.prod-nav_cta { + color: #ffffff; + background-color: #f19986; + border-color: #f19986; + padding: 12px 24px; + margin-top: 2em; + text-transform: uppercase; + font-weight: 800; + font-size: 1em; + border: none; +} +a.prod-nav_cta:hover { + text-decoration: none; + color: #ffffff; + background-color: #f19986; +} +.prod-navwrapper li ul { + border-left: solid 1px #368ccb; +} +.prod-nav-overlay { + visibility: hidden; + opacity: 0; + transition: all 0.5s ease-in; +} +.prod-nav-overlay.open { + visibility: visible; + opacity: 1; + transition: all 0.5s ease-out; +} +.productpage-nav { + width: 35%; + min-width: 300px; + position: fixed; + left: -100%; + right: auto; + bottom: 0; + max-height: 100%; + min-height: 90vh; + margin-bottom: -35px; + padding-bottom: 60px; + transition: left 0.8s ease-in; + border-radius: 0 4px 0 0; + border-radius: 0; +} +.productpage-nav.open { + left: 0; + right: auto; + bottom: 0; + transition: left 0.8s ease-out; +} +.productsuite-nav { + width: 100%; + max-height: 100%; + padding-bottom: 35px; + margin-bottom: -35px; + position: fixed; + bottom: -120%; + left: 0; + transition: bottom 0.6s ease-in; +} +.productsuite-nav.open { + left: 0; + bottom: 0; + transition: bottom 0.6s ease-out; +} +html.nav-open, +html.nav-open body { + overflow: hidden; + height: 100%; + padding-right: 14px; +} +@media screen and (max-width: 1199px) { + .prod-navwrapper h2 { + padding: 15px 30px; + font-size: 1.5em; + } + .prod-navwrapper .prod-navinner { + padding: 30px; + letter-spacing: 0.03em; + } +} +@media screen and (max-width: 991px) { + .productpage-nav { + width: 100%; + left: -120%; + min-width: 400px; + } + .productpage-nav a { + font-size: 1em; + } +} +progress { + position: fixed; + bottom: 40px; + left: 0; + width: 100%; + height: 5px; + border: 0; + background-color: rgba(0, 0, 0, 0.01); + color: #84c2ea; +} +progress::-webkit-progress-bar { + background-color: rgba(0, 0, 0, 0.01); +} +progress::-webkit-progress-value { + background-color: #84c2ea; +} +progress::-moz-progress-bar { + background-color: #84c2ea; +} +progress::progress-bar { + background-color: #84c2ea; +} +.prod-wrapper { + width: 100%; + overflow: hidden; + position: relative; + padding: 0 0 0 0; +} +.prod-wrapper .caption { + font-size: 14px; + font-style: italic; + line-height: 1.2; + margin-top: 5px; +} +.prod-wrapper .caption em { + font-style: normal; +} +.prod-wrapper-suite { + padding: 0 0 10% 0; +} +.prod-sidebar { + display: none; + position: fixed; + content: ' '; + background-color: #015293; + width: 100%; + top: 0; + left: 0; + height: 100%; + box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.3); +} +.prod-sidebar.unstuck { + position: absolute; + bottom: 0; + top: auto; + width: 100%; +} +.prod-sidebar img { + left: 0; + right: 0; + top: 0; + bottom: 0; + position: relative; + width: 100%; + height: 100%; +} +.scroll-trigger { + position: absolute; + bottom: 0; +} +.prod-content, +.prod-suite-content { + position: relative; +} +.prod-section-full { + position: relative; + padding: 60px; + margin: 0; + width: 100%; + color: #368ccb; +} +.prod-section-full .thumbnail { + padding: 0; + margin-bottom: 0; + line-height: 1; + background-color: transparent; + border: 0; + border-radius: 0; +} +.prod-section-full h2, +.prod-section-full p { + color: #585858; +} +.prod-section-full h2 { + margin: 0 auto 60px auto; + text-align: center; + font-weight: 700; +} +.prod-section-full .block-list ul, +.prod-section-full .block-list li { + list-style: none; + margin: 0; + padding: 0; +} +.prod-section-full .block-list li { + list-style: none; + width: 24%; + display: inline-block; + vertical-align: top; + padding: 0 20px 30px; +} +.prod-section-collapse .prod-collapse { + max-height: 100px; + overflow: hidden; + transition: max-height 0.8s ease; + color: #dddddd; + background-color: #000000; +} +.prod-section-collapse .prod-collapse:after { + display: block; + content: ' '; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 300px; + opacity: 1; + transition: opacity 0.5s ease; + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,333333+100&0+0,0.7+30,1+60,1+100,1+100 */ + background: -moz-linear-gradient(top, rgba(35, 34, 40, 0) 0%, rgba(35, 34, 255, 0.7) 30%, #232228 60%, #232228 100%); + /* FF3.6-15 */ + background: -webkit-linear-gradient(top, rgba(35, 34, 40, 0) 0%, rgba(35, 34, 40, 0.7) 30%, #232228 60%, #232228 100%); + /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, rgba(35, 34, 40, 0) 0%, rgba(35, 34, 40, 0.7) 30%, #232228 60%, #232228 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='@gray-base', GradientType=0); + /* IE6-9 */ +} +.prod-section-collapse .prod-collapse.open { + max-height: 2000px; + transition: max-height 0.8s ease; +} +.prod-section-collapse .prod-collapse.open:after { + opacity: 0; + transition: opacity 0.5s ease; +} +.prod-suite-features.prod-collapse:after { + background: -moz-linear-gradient(top, #333333 0%, #333333 69%, #333333 100%); + /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #333333 0%, #333333 69%, #333333 100%); + /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #333333 0%, #333333 69%, #333333 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0); + /* IE6-9 */ +} +.prod-featureList { + font-size: 1em; +} +.prod-featureList.row { + margin-left: 0; + margin-right: 0; +} +.prod-featureList strong { + margin-bottom: 0.5em; + color: inherit; + display: inline-block; + width: 100%; +} +.prod-featureList p { + margin-top: 0.5em; + font-size: 1.1em; + font-weight: 300; +} +.prod-featureList .feature-item { + padding: 0 30px; + margin-bottom: 60px; +} +.prod-featureList:nth-child(n+3) { + font-size: 0.8em; +} +.prod-section-gallery .prod-gallery-item { + position: relative; + margin-bottom: 35px; + overflow: hidden; + box-shadow: 0 0 0 1px #c0d6e8, 0 9px 7px -9px #585858; +} +.prod-section-gallery .prod-gallery-item .cmImgPhoneCaption { + display: none!important; +} +.prod-section-gallery p { + position: absolute; + bottom: 0px; + margin-bottom: 0; + width: auto; + display: inline-block; + padding: 5px 10px; + z-index: 2; + text-align: left; + background: #c0d6e8; + font-weight: 800; + text-transform: uppercase; + font-size: 0.9em; + color: #368ccb; + transition: all 0.5s ease; + border-radius: 0 4px 0 0; +} +.prod-section-gallery img { + max-width: 100%; + padding: 0; + opacity: 0.99; + transition: all 0.5s ease; +} +.prod-section_suite, +.prod-section_features { + background: #ffffff; + padding-bottom: 60px; +} +.prod-section_suite:before, +.prod-section_features:before, +.prod-section_suite:after, +.prod-section_features:after { + content: " "; + display: table; +} +.prod-section_suite:after, +.prod-section_features:after { + clear: both; +} +.prod-section_suite:before, +.prod-section_features:before, +.prod-section_suite:after, +.prod-section_features:after { + content: " "; + display: table; +} +.prod-section_suite:after, +.prod-section_features:after { + clear: both; +} +.prod-section_suite .header, +.prod-section_features .header { + margin: 0; + font-size: 2.8em; + line-height: 1.3; + color: #333333; + font-weight: 800; + text-align: left; + width: 55%; + float: left; + padding-right: 15px; +} +.prod-section_suite .header:before, +.prod-section_features .header:before { + display: block; + content: ' '; + background-color: #000000; + height: 5px; + width: 25%; + margin-left: -2%; +} +.prod-section_suite .inner, +.prod-section_features .inner { + padding: 60px 0; + width: 90%; + margin: 0 auto; +} +.prod-section_suite .inner:before, +.prod-section_features .inner:before, +.prod-section_suite .inner:after, +.prod-section_features .inner:after { + content: " "; + display: table; +} +.prod-section_suite .inner:after, +.prod-section_features .inner:after { + clear: both; +} +.prod-section_suite .inner:before, +.prod-section_features .inner:before, +.prod-section_suite .inner:after, +.prod-section_features .inner:after { + content: " "; + display: table; +} +.prod-section_suite .inner:after, +.prod-section_features .inner:after { + clear: both; +} +.prod-section_suite .intro, +.prod-section_features .intro { + width: 45%; + float: right; + padding: 0; + padding-left: 15px; +} +.prod-section_suite .multiphysics strong, +.prod-section_features .multiphysics strong { + color: #005596; + font-weight: 800; +} +.prod-section_features .intro { + width: 55%; + float: left; + clear: left; + margin-top: 30px; + padding-left: 0; +} +.prod-section_features .hero-model { + width: 60%; + position: absolute; + top: -1%; + left: 58%; + max-width: 1000px; +} +.prod-suite-inline { + width: 90%; + margin: 0 auto; + margin-top: -60px; + margin-bottom: 90px; +} +@media screen and (max-width: 991px) { + .prod-section_suite .hero-model, + .prod-section_features .hero-model { + display: none; + } + .prod-section_suite .header, + .prod-section_features .header { + width: 100%; + float: none; + margin-bottom: 1em; + } + .prod-section_suite .intro, + .prod-section_features .intro { + width: 100%; + float: none; + padding: 0; + } +} +@media screen and (max-width: 767px) { + .prod-section_suite .header, + .prod-section_features .header { + font-size: 2.3em; + } +} +/* +.prod-section wraps each section of the page +*/ +.prod-content { + position: relative; + font-size: 16px; + line-height: 1.5; + color: #333333; + width: 60%; +} +.prod-content:before, +.prod-content:after { + content: " "; + display: table; +} +.prod-content:after { + clear: both; +} +.prod-content:before, +.prod-content:after { + content: " "; + display: table; +} +.prod-content:after { + clear: both; +} +.prod-content h1 { + width: 100%; + margin: 14px 0 90px 0; + color: #585858; + font-size: 3em; + font-weight: 800; + padding: 0 0 0 0; + display: inline-block; +} +.breadcrumb { + padding: 0 0 5px 0; + font-weight: 600; + color: rgba(0, 0, 0, 0.8); + width: 100%; + border-bottom: 1px solid #eea342; + font-size: 1em; + display: inline-block; + font-style: italic; +} +.breadcrumb .bc-current { + color: #eea342; + font-weight: 800; + text-transform: uppercase; +} +.prod-section { + position: relative; + width: 167%; + padding: 60px 4% 8% 0; + margin-top: -60px; +} +.prod-section:before, +.prod-section:after { + content: " "; + display: table; +} +.prod-section:after { + clear: both; +} +.prod-section:before, +.prod-section:after { + content: " "; + display: table; +} +.prod-section:after { + clear: both; +} +.prod-section::before { + display: inline-block; + content: " "; + margin-top: -60px; + height: 60px; + visibility: hidden; + pointer-events: none; +} +.prod-section.has-subsection { + padding-bottom: 1em; +} +.prod-section .thumbnail { + padding: 0; + margin-bottom: 0; + line-height: 1; + background-color: transparent; + border: 0; + border-radius: 0; +} +.prod-section h2 { + font-weight: 800; + font-size: 1.5em; + line-height: 1.4; + margin-top: 0; + color: #005596; + width: 58%; + padding: 0 4% 0; +} +.prod-section h2 .prod-pageName { + font-weight: 800; + font-size: 2.2em; + line-height: 0.9em; +} +.prod-section h3 { + font-weight: 800; + font-size: 1em; +} +.prod-section > h3 { + padding: 0 4% 0; +} +.prod-section h4 { + font-size: 16px; + color: #eea342; + font-weight: 800; + letter-spacing: 0.03em; + line-height: 1; + margin-top: 1.2em; + display: block; +} +.prod-section p { + font-size: 16px; + line-height: 1.5; +} +.prod-section ul + p { + margin-top: 1em; +} +.prod-section dl { + margin-bottom: 30px; +} +.prod-section div.caption { + font-size: 0.8em; + margin-top: -1em; + margin-bottom: 1.5em; + color: #585858; +} +.prod-section p.sidebar-caption { + color: #dddddd; + letter-spacing: 0.02em; +} +.prod-section .prod-media-expand { + position: absolute; + top: 0.5em; + opacity: 0.5; + right: 25px; + background: #e65e30; + padding: 1%; + color: #ffffff; + border-radius: 0 0 0 2px; +} +.product-section--dcreasd-bp { + padding: 0 4% 2% 0; +} +.prod-section:first-child { + padding-top: 60px; + margin-top: 0; +} +.prod-section--intro { + padding-bottom: 0; + margin-bottom: 0; +} +.mb__list-item { + display: block; + list-style: none; +} +.mb__list-link { + color: #368ccb; + font-weight: 400; + border-bottom: 1px solid #e7edf5; +} +.mb__list-link:hover { + border-bottom: 1px solid #84c2ea; + text-decoration: none; +} +.prod-section--rmv-padding:first-child { + padding-top: 0; +} +.prod-column-text { + width: 60%; + float: left; + padding: 0 4%; +} +.prod-column-text .row { + margin-bottom: 1em; +} +.prod-column-media { + width: 40%; + float: right; + padding: 0 0 0 4%; +} +.prod-column-media p, +.prod-column-media ul { + color: #ffffff; +} +.prod-column-media ul { + color: #ffffff; + font-size: 0.9em; + letter-spacing: 0.03em; + font-weight: 300; +} +.prod-column-media ul li { + padding: 0 0 0.5em 0; +} +.prod-column-media figure { + color: #ffffff; + font-size: 0.8em; + margin-bottom: 1em; + clear: both; +} +.prod-column-media figure:before, +.prod-column-media figure:after { + content: " "; + display: table; +} +.prod-column-media figure:after { + clear: both; +} +.prod-column-media figure:before, +.prod-column-media figure:after { + content: " "; + display: table; +} +.prod-column-media figure:after { + clear: both; +} +.prod-column-media figure img { + width: 45%; + float: left; + margin: 0 1em 0 0; + border-radius: 4px; +} +.prod-column-media h3 { + font-size: 0.9em; + font-weight: 600; + color: #ffffff; +} +.prod-accordion .panel, +.prod-accordion .panel-default, +.prod-accordion .panel-body { + margin: 0; + padding: 0; + background: transparent; + border: none; + box-shadow: none; +} +.prod-accordion .panel-group { + clear: both; + padding-top: 1em; +} +.prod-accordion h3 { + font-size: 1em; + font-weight: 400; + margin: 0; + width: 58%; + margin: 0.8em 0; + transition: all 0.5s ease; + line-height: 1.3; +} +.prod-accordion h3 a, +.prod-accordion h3 a:active, +.prod-accordion h3 a:visited { + color: #585858; + display: block; + padding: 1em 40px 1em 5%; + background: #f9f9f9; + text-decoration: none; + border-bottom: 0; + border-bottom: 4px solid #eea342; + position: relative; +} +.prod-accordion h3 i { + position: absolute; + top: 50%; + right: 15px; + transform: translateY(-50%); +} +.prod-accordion h3 .fa-close { + display: none; +} +.prod-accordion h3 .fa-angle-down { + display: block; +} +.prod-accordion h3 strong { + font-weight: 800; +} +.prod-accordion h3 p { + margin: 0; +} +.prod-accordion h3:hover a, +.prod-accordion h3:hover a:hover, +.prod-accordion h3:hover a:active { + text-decoration: none; + border-bottom: 0; + background-color: #f9f9f9; + transition: all 0.5s ease; + border-bottom: 4px solid #eea342; +} +.prod-accordion h3 a.collapsed, +.prod-accordion h3:hover a.collapsed { + background-color: #f9f9f9; + color: #585858; + border-bottom: 4px solid #f9f9f9; + border-radius: 4px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); +} +.prod-accordion .prod-accordion-content { + overflow: hidden; + padding: 1em 0; +} +.prod-accordion .prod-accordion-content p { + font-size: 15px; +} +.prod-section-table { + position: relative; + padding: 60px 60px 30px 0px; + margin: 0; + width: 98%; + border-radius: 0 3px 3px 0; + background: #ffffff; +} +.prod-section-table .inner { + padding-left: 4%; +} +.prod-section-table .table thead { + background-color: #333333; +} +.prod-section-table .table thead th { + border-bottom: 0; + color: #ffffff; + letter-spacing: 0.03em; +} +.prod-section-table .table tbody tr:nth-child(odd) { + background-color: #f9f9f9; +} +.prod-section-table .table tbody td { + border-top: 1px solid rgba(221, 221, 221, 0.3); +} +.prod-section.intro { + padding-top: 0; + width: 93%; + padding: 0 0 0 60px; +} +.prod-panel { + height: 100vh; + padding: 0 0 0 0; + display: table-cell; + vertical-align: middle; +} +.prod-column-hero { + margin-top: -20px; +} +.prod-hero { + overflow: hidden; +} +.hero-model { + width: 65%; + position: absolute; + top: -15%; + left: 60%; + max-width: 1000px; +} +.hero-mobile { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 150px; + overflow: hidden; + margin-top: -180px; +} +.hero-mobile img { + left: 0; + top: 50%; + margin-top: -30%; +} +.prod-video-poster { + width: 40%; + float: right; + text-align: center; + min-height: 100vh; + position: relative; +} +.prod-video-poster .poster-overlay { + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.prod-video-poster .poster-playhead { + background-color: rgba(255, 255, 255, 0.85); + width: 200px; + height: 200px; + border-radius: 200px; + position: absolute; + top: 50%; + right: 50%; + margin-top: -100px; + margin-right: -100px; + box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3); + transition: background-color 0.3s; +} +.prod-video-poster .poster-playhead:hover { + background-color: #ffffff; + cursor: pointer; +} +.prod-video-poster .poster-playhead:after { + font-size: 7em; + line-height: 200px; + margin-right: -26px; + color: #368ccb; + content: "\f04b"; + font-family: 'FontAwesome'; + displat: block; +} +.prod-hero { + height: 100vh; +} +.prod-video-poster, +.prod-hero { + position: absolute; + right: 0; + width: 40%; + overflow: hidden; +} +/* +.prod-video-poster.unstuck, +.prod-hero.unstuck{ + position: absolute!important; + bottom: 0; + top: auto; + right: -67%; + width: 67%; + //opacity: 0; +} +*/ +.prod-inlinePagenav { + margin-bottom: 15px; +} +.prod-inlinePagenav ul, +.prod-inlinePagenav li { + list-style: none; + padding: 0; + margin: 0; + font-size: 1em; + line-height: 1.5; +} +.prod-inlinePagenav li { + display: block; + padding-bottom: 10px; +} +.prod-inlinePagenav p { + font-weight: 800; + margin-bottom: 15px; + color: #585858; + text-transform: uppercase; + font-size: 0.95em; +} +.prod-inlinePagenav a { + color: #368ccb; + font-weight: 400; + border-bottom: 1px solid rgba(0, 121, 193, 0.14); +} +.prod-inlinePagenav a:hover { + text-decoration: none; + border-bottom: 1px solid rgba(0, 121, 193, 0.5); +} +.prod-scrollaffordance { + position: absolute; + display: block; + bottom: 30px; + width: 100%; + font-size: 6em; + color: #585858; + text-align: center; + -webkit-animation: bounce 4s infinite; + -moz-animation: bounce 4s infinite; + -ms-animation: bounce 4s infinite; + animation: bounce 4s infinite; + cursor: pointer; +} +@-webkit-keyframes bounce { + 0%, + 20%, + 50%, + 80%, + 100% { + -webkit-transform: translateY(0); + } + 40% { + -webkit-transform: translateY(-5px); + } + 60% { + -webkit-transform: translateY(-3px); + } +} +@-moz-keyframes bounce { + 0%, + 20%, + 50%, + 80%, + 100% { + transform: translateY(0); + } + 40% { + transform: translateY(-5px); + } + 60% { + transform: translateY(-3px); + } +} +@-ms-keyframes bounce { + 0%, + 20%, + 50%, + 80%, + 100% { + -ms-transform: translateY(0); + } + 40% { + -ms-transform: translateY(-5px); + } + 60% { + -ms-transform: translateY(-3px); + } +} +@keyframes bounce { + 0%, + 20%, + 50%, + 80%, + 100% { + transform: translateY(0); + } + 40% { + transform: translateY(-5px); + } + 60% { + transform: translateY(-3px); + } +} +@media screen and (max-width: 1199px) { + .prod-content h1 { + font-size: 2.2em; + } + .prod-section.intro { + padding: 0 0 0 30px; + width: 95%; + } + .prod-panel { + height: auto; + padding: 60px 0 0 0; + } + .breadcrumb { + font-size: 0.95em; + } + .prod-video-poster .poster-playhead { + width: 150px; + height: 150px; + border-radius: 150px; + margin-top: -75px; + margin-right: -75px; + } + .prod-video-poster .poster-playhead:after { + font-size: 4.5em; + line-height: 150px; + margin-right: -10px; + } + .prod-inlinePagenav ul, + .prod-inlinePagenav li { + font-size: 0.95em; + } + .prod-scrollaffordance { + display: none; + } + .prod-models div[class^="col-"] { + padding: 0 10px; + } + .prod-models > div { + margin-bottom: 20px; + } +} +@media screen and (max-width: 991px) { + .prod-content h1 { + font-size: 2em; + } + .breadcrumb { + font-size: 0.9em; + } + .prod-panel { + height: auto; + padding-bottom: 60px; + } + .prod-column-hero { + margin-top: 0; + } + .prod-video-poster, + .prod-hero { + display: none; + } +} +.side-tabs { + background: #f2f2f2; + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+30,ffffff+30,f7f7f7+30,f7f7f7+30,f7f7f7+99 */ + background: linear-gradient(to right, #f2f2f2 0%, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 99%); +} +.side-tabs .nav-tabs { + width: 30%; + float: left; + margin: 0; + padding: 0; + border: 0; + list-style-type: none; + background: #ffffff; + padding-left: 5px; + display: flex; + flex-direction: column; + height: 100%; + height: 300px; +} +.side-tabs .nav-tabs li, +.side-tabs .nav-tabs li:last-child { + padding: 5% 8%; + position: relative; + width: 100%; + font-weight: 800; + font-size: 0.9em; + color: #585858; + background-color: #f2f2f2; + border-bottom: 1px solid #eeeeee; + margin-bottom: 0; + height: 75px; +} +.side-tabs .nav-tabs li:last-child { + border-bottom: 0!important; +} +.side-tabs .nav-tabs li:hover { + color: #d61e57; +} +.side-tabs .nav-tabs li.active, +.side-tabs .nav-tabs li.active:hover { + background-color: #f2f2f2; + border: 0; + color: #000000; + border-left: 5px solid #d61e57; + margin-top: -1px; + margin-left: -5px; + margin-right: -5px; + position: relative; + width: 105%; +} +.side-tabs .nav-tabs li > a, +.side-tabs .nav-tabs li.active > a { + color: inherit; + background-color: transparent; + border: 0; + padding: 0; + padding-left: 45px; +} +.side-tabs .nav-tabs .tab-text { + display: inline-block; + vertical-align: middle; +} +.side-tabs .nav-tabs i.fa { + font-size: 1.8em; + display: inline-block; + vertical-align: middle; + width: 30px; + height: 30px; + font-size: 30px; + position: absolute; + top: 50%; + left: 0; + margin-top: -15px; + color: #d61e57; +} +.side-tabs .tab-content { + background: #f2f2f2; + float: right; + width: 70%; + padding: 4%; + min-height: 300px; +} +.side-tabs .tab-content .row { + margin-bottom: 0!important; +} +.side-tabs .tab-content ul { + margin: 0; + padding: 0; +} +.side-tabs .tab-content li { + list-style: none; + display: block; + padding-bottom: 5%; +} +.side-tabs .tab-pane { + padding: 0; +} +.side-tabs_mobile { + background: #f2f2f2; + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+30,ffffff+30,f7f7f7+30,f7f7f7+30,f7f7f7+99 */ + background: linear-gradient(to right, #f2f2f2 0%, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 99%); +} +.side-tabs_mobile .panel, +.side-tabs_mobile .panel + .panel { + border: 0; + border-radius: 0 0 0 0 ; + margin: 0 0 0 0; +} +.side-tabs_mobile .panel-heading { + padding: 0; + font-weight: 800; + font-size: 0.9em; + color: #585858; + background-color: #f2f2f2; +} +.side-tabs_mobile h4.panel-title { + padding: 4%; + width: 100%; + font-weight: 800; + font-size: 0.9em; + color: #585858; + border-bottom: 1px solid #eeeeee; + background-color: #f2f2f2; + border: 0; + color: #000000; + border-left: 5px solid #d61e57; + position: relative; + margin: 0 0 0 0; +} +.side-tabs_mobile h4.panel-title a { + color: inherit; + background-color: transparent; + border: 0; + padding: 0; + padding-left: 45px; + position: relative; +} +.side-tabs_mobile h4.panel-title .tab-text { + display: inline-block; + vertical-align: middle; +} +.side-tabs_mobile h4.panel-title i.fa { + font-size: 1.8em; + display: inline-block; + vertical-align: middle; + width: 30px; + height: 30px; + font-size: 30px; + position: absolute; + top: 50%; + left: 0; + margin-top: -15px; + color: #d61e57; +} +.side-tabs_mobile .panel-body { + background-color: #f2f2f2; +} +.prod-models > div { + margin-bottom: 30px; +} +.prod-models img, +.prod-models .wistia_responsive_wrapper { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7fc8ea+0,f7fafe+100 */ + background: #7fc8ea; + /* Old browsers */ + background: -moz-linear-gradient(bottom, #dbeeff 0%, #f7fafe 100%); + /* FF3.6-15 */ + background: -webkit-linear-gradient(bottom, #dbeeff 0%, #f7fafe 100%); + /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to top, #dbeeff 0%, #f7fafe 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbeeff', endColorstr='#f7fafe', GradientType=0); + /* IE6-9 */ + border: 1px solid #31323a; + box-shadow: 5px 7px 20px 2px rgba(27, 18, 51, 0.38); + transition: all 0.5s ease; +} +.prod-thumbnail:hover img { + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); + transform: scale(1.02); + transition: all 0.5s ease; +} +@media only screen and (min-width: 992px) { + .absolut-pos-hook { + position: relative; + padding-left: 60px; + } + .absolut-pos-hook .prod-thumbnail { + position: absolute; + max-width: 586px; + z-index: 1; + } +} +.prod-column-text ul { + font-size: 0.9em; + line-height: 1.3; + margin: 0 0 0 1.38em; + padding: 0; +} +.prod-column-text ul p > strong { + text-transform: uppercase; + font-weight: 800; + color: #585858; + font-size: 0.9em; +} +.prod-column-text ul li { + padding-bottom: 0.8em; +} +.prod-column-text ul li:last-child { + padding-bottom: 0; +} +.prod-column-text ul li ul { + padding-left: 1em; + padding-top: 0; + margin-top: 0.5em; +} +.prod-column-text ul li .collapse { + margin-top: 10px; +} +p.prod-list-subhead { + font-size: 0.9em; + font-weight: 800; + color: #585858; + margin-bottom: 0; +} +.did-you-know-trigger { + border-bottom: 1px dotted #368ccb; + cursor: help; +} +p.did-you-know, +div.did-you-know { + font-size: 0.9em; + padding: 15px; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 4px; + background-color: rgba(249, 252, 255, 0.86); + margin-bottom: 1em; +} +p.did-you-know strong, +div.did-you-know strong { + display: block; + color: #368ccb; +} +.additional-content-trigger { + color: #eea342; + font-weight: 800; + cursor: pointer; + position: relative; + bottom: 50px; +} +.additional-content--list { + position: relative; + bottom: 50px; +} +.additional-content-collapse { + background: #f2f2f2; + padding: 1em; + margin-bottom: 1em; +} +.prod-read-more { + max-height: 100px; + overflow: hidden; + position: relative; + z-index: 100; + -webkit-transition: max-height 0.3s ease-out; + transition: max-height 0.3s ease-out; +} +.prod-read-more:before { + height: 100px; + width: 100%; + position: absolute; + content: ''; + z-index: 101; + opacity: 1; + -webkit-transition: height 0.3s ease-out; + transition: height 0.3s ease-out; + -webkit-transition: opacity 0.1s ease-out; + transition: opacity 0.1s ease-out; + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+60 */ + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); + /* FF3.6-15 */ + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); + /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); + /* IE6-9 */ +} +.prod-read-more.open { + max-height: 2000px; + background: transparent; +} +.prod-read-more.open:before { + height: 0px; + opacity: 0; +} +.prod-read-more.open .prod-read-more-trigger { + position: static; +} +.prod-read-more-trigger { + height: 50px; + position: absolute; + bottom: 0px; + z-index: 102; + transition: 0.5s background; +} +.prod-read-more-trigger span { + color: #eea342; + font-weight: 800; + cursor: pointer; + position: relative; + bottom: 50px; + line-height: 50px; + font-size: 15px; +} +@media screen and (max-width: 1199px) { + .prod-section h2 { + padding: 0 3% 0; + } + .prod-column-media { + padding: 0 0 0 3%; + } + .prod-column-text { + padding: 0 3%; + } +} +@media screen and (max-width: 991px) { + .prod-content { + width: 100%; + } + .prod-section { + width: 100%; + } + .prod-section h2 { + color: #005596; + width: 100%; + font-size: 1.6em; + } + .prod-section-full { + padding: 30px 30px 15px 30px; + } + .prod-column-media, + .prod-column-text { + width: 100%; + padding: 0 5%; + } + .prod-models img, + .prod-models .wistia_responsive_wrapper { + border: 1px solid #e7edf5; + box-shadow: none; + } + .prod-section p.sidebar-caption, + .prod-section .cmImgPhoneCaption { + display: none!important; + } + .prod-section-gallery .prod-gallery-item { + overflow: hidden; + } + .prod-accordion h3 { + width: 100%; + } +} +@media screen and (max-width: 767px) { + .prod-content h1 { + font-size: 1.7em; + } + .prod-section p { + font-size: 16px; + } + .prod-section h2 { + font-size: 1.2em; + } +} +.prod-cta { + background: #dfe8ee; + padding: 60px 0; +} +.prod-cta:before, +.prod-cta:after { + content: " "; + display: table; +} +.prod-cta:after { + clear: both; +} +.prod-cta:before, +.prod-cta:after { + content: " "; + display: table; +} +.prod-cta:after { + clear: both; +} +.prod-cta p strong { + color: #368ccb; +} +.prod-cta p { + color: #585858; +} +.prod-cta h2 { + margin: 0 0 4rem 0; + color: #368ccb; + font-weight: 700; +} +.prod-cta h2 strong { + font-weight: 300; + color: #dddddd; +} +.prod-cta h2 a { + color: #59aa47; + transition: 0.5s color; +} +.prod-cta h2 a span { + opacity: 0; + color: #7fc370; + transition: 0.5s opacity; +} +.prod-cta h2 a:hover { + text-decoration: none; + color: #7fc370; +} +.prod-cta h2 a:hover span { + opacity: 1; +} +.prod-cta .whiteBg { + display: block; + background-color: #ffffff; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); + border-radius: 4px; +} +.prod-cta .whiteBg button { + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); +} +.prod-cta .whiteBg--mt { + margin-top: -5.9rem; +} +.prod-cta .whiteBg--mt button { + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); +} +.prod-cta .cta-text { + padding: 20px; + position: relative; +} +.prod-cta .cta-text p:last-child { + margin-bottom: 0; +} +.prod-cta .cta-next { + padding: 20px 20px 30px; + text-align: center; +} +.prod-cta .cta-header h2 { + margin-bottom: 0; +} +.prod-cta .cta-header p { + font-size: 2rem; + font-weight: 600; + color: #585858; +} +.prod-cta .cta-header button, +.prod-cta .cta-action button { + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); +} +.prod-cta .cta-form { + width: 100%; + clear: both; + padding: 4%; +} +.prod-cta .cta-form hr { + border-top: solid 1px #d2d0d0; +} +.prod-cta .text-input-label { + color: #585858; +} +.prod-cta .btn-primary--actioncolors { + color: #ffffff; + background-color: #368ccb; + border-color: #368ccb; + text-transform: uppercase; + font-weight: 800; + text-shadow: none; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25); +} +.prod-cta .btn-primary--actioncolors:hover { + background-color: #368ccb; + border-color: #368ccb; + color: #ffffff !important; + text-shadow: none; + opacity: 0.75; +} +.prod-cta-form { + border-top: 1px solid #e7edf5; +} +.prod-cta-form-aside h3 { + font-size: 1.3em; + font-weight: 300; + color: inherit; +} +.productContent .container { + max-width: 2000px!important; + width: auto!important; + padding: 0 0 0 0!important; +} +.productContent .thumbnails { + list-style: none; + margin: 0; + padding: 0; +} +.productContent .thumbnails li { + display: inline-block; + width: 30%; + vertical-align: top; + margin: 0 1% 1% 0; +} +.productContent .thumbnails .thumbnail { + border: 1px solid #f2f2f2; + box-shadow: none; + border-radius: 0; + padding: 0; +} +.productContent .thumbnails .thumbnail img { + transition: all 0.5s ease; +} +.productContent .thumbnails .thumbnail:hover img { + box-shadow: 5px 7px 20px 2px rgba(27, 18, 51, 0.6); + transform: scale(1.02); + transition: all 0.5s ease; +} +.productContent .mediaNav { + display: none; +} +.productContent h3 { + width: 100%; + margin: 14px 0 20px 0; + color: #333333; + font-size: 2.8em; + font-weight: 800; + padding: 0 0 0 0; + display: inline-block; +} +.productContent h4, +.productContent h4.small { + font-size: 100%; + line-height: 1.5; + margin: 2em 0 0.5em 0; + font-weight: 800; + font-size: 1em; +} +.productContent h3:first-child, +.productContent h4:first-child { + margin-top: 0; +} +.productContent h5 { + color: #999999; + margin: 2.5em 0 0.5em 0; + /* text-transform: uppercase; */ + font-size: 0.95em; +} +.productContent .col-md-6.col-sm-12:nth-child(even) { + padding-left: 30px; +} +.productContent .col-md-6.col-sm-12:nth-child(odd) { + padding-right: 30px; +} +.productContent .table .text-warning { + color: inherit; +} +.productContent .table thead { + background: #333333; + color: #ffffff; +} +.productContent .table thead th { + border: 0; + border-color: #333333; +} +.product-specs #productName { + display: none!important; +} +.product-specs h3 { + font-size: 18px; + margin-top: 24px; + margin-bottom: 12px; +} +.table-compiler-compare { + margin-top: 30px; +} +.table-compiler-compare thead tr th { + color: #eea342; +} +.table-compiler-compare thead tr th:first-of-type { + min-width: 350px; +} +.no-TOC .prod-nav_button-content { + display: none; +} +.section-paddng-t { + padding-top: 30px; +} +@media screen and (max-width: 991px) { + .prod-ported .productContent h3 { + font-size: 2.2em; + } +} +@media screen and (max-width: 1199px) { + .prod-ported .productContent h3 { + font-size: 2em; + } +} +@media screen and (min-width: 1200px) and (max-width: 1399px) { + .prod-ported .productContent h3 { + font-size: 2.4em; + } +} +.rmv-li-b-bottom ul li { + padding-bottom: 0; +} +#wistia-kdl1phujmr-1_popover_overlay { + background-color: rgba(0, 0, 0, 0.8) !important; +} +.wistia_click_to_play { + width: 100% !important; + height: 100% !important; +} +.pro-cm-hero { + position: absolute; + top: -100px; + right: -40%; + display: block; + max-width: 184%; +} +@media only screen and (max-width: 1500px) { + .pro-cm-hero { + top: -70px; + } +} +@media only screen and (max-width: 1500px) { + .pro-cm-hero { + top: -40px; + } +} +@media only screen and (max-width: 1300px) { + .pro-cm-hero { + top: -10px; + } +} +.section--primary-bg { + background: #f9f9f9; +} +.section--secondary-bg { + background: #eeeeee; +} +.section--third-bg { + background: #dfe8ee; +} +.font-success { + color: #6ab669; +} +.font-inactive { + color: #dddddd; +} +.table__head--border-blue { + border-bottom: 1px solid #368ccb !important; +} +.product-tables tbody tr td { + border-right: 2px solid #368ccb; +} +.product-tables tbody tr td:last-child { + border-right: 0px; +} +.psudo-default { + font-family: 'FontAwesome'; + font-size: 1.5rem; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + margin-right: 10px; +} +.expand-icon-sm-card { + font-family: 'FontAwesome'; + position: absolute; + box-shadow: 0 0 0 1px #368ccb; + color: #368ccb; + border-radius: 4px; + content: "\f065"; + display: flex; + justify-content: center; + align-items: center; + background-color: #ffffff; + cursor: pointer; +} +.hover-expand-icon { + background-color: #ffffff; + color: #d18023; + box-shadow: 0 0 0 1px #368ccb; + cursor: pointer; +} +.cmprod hr { + border-top: 1px solid #dddddd; +} +.cmprod-header h1, +.cmprod-main__section h1, +.cmprod-header h2, +.cmprod-main__section h2, +.cmprod-header h3, +.cmprod-main__section h3, +.cmprod-header h4, +.cmprod-main__section h4, +.cmprod-header h5, +.cmprod-main__section h5, +.cmprod-header h6, +.cmprod-main__section h6 { + margin: 0; + padding: 0 0 5px 0; + font-weight: 800; + line-height: 1.5; +} +.cmprod-header h1, +.cmprod-main__section h1, +.cmprod-header h2, +.cmprod-main__section h2, +.cmprod-header h3, +.cmprod-main__section h3, +.cmprod-header h4, +.cmprod-main__section h4, +.cmprod-header h5, +.cmprod-main__section h5, +.cmprod-header h6, +.cmprod-main__section h6, +.cmprod-header p, +.cmprod-main__section p { + color: #585858; +} +.cmprod-header a, +.cmprod-main__section a { + cursor: pointer; +} +.cmprod-main__section--turbulent-flow h4, +.cmprod-main__section--structural-analyses h4 { + margin-bottom: 1.2em; + border-bottom: 2px solid #dddddd; +} +.cmprod-main__section--turbulent-flow ul, +.cmprod-main__section--structural-analyses ul { + margin-bottom: 0; +} +.cmprod-trademarks { + padding-top: 1em; + border-top: 1px solid #dddddd; +} +@media only screen and (max-width: 550px) { + .cmprod h2 { + font-size: 25px; + } +} +.cmprod-section-overlay { + position: relative; + z-index: 1; +} +.cmprod .custom-spacer { + padding-top: 24px; +} +@media only screen and (min-width: 992px) { + .cmprod .custom-spacer { + display: none; + } +} +.cmprod-col--no-padding { + padding: 0; +} +.cmprod-wrapper { + width: 90%; + margin: 0 auto; + max-width: 1300px; + padding: 60px 20px; +} +.cmprod-wrapper h1, +.cmprod-wrapper h2, +.cmprod-wrapper h3, +.cmprod-wrapper h4, +.cmprod-wrapper h5, +.cmprod-wrapper h6 { + color: #585858; + margin-bottom: 1rem; +} +.cmprod-wrapper p, +.cmprod-wrapper ul li { + color: #585858; + line-height: 1.5; +} +.cmprod-wrapper ul li { + margin-bottom: 0.5rem; +} +.cmprod-header { + position: relative; + background: linear-gradient(360deg, #c0d6e8, #e7edf5); + box-shadow: inset 0 -22px 34px -20px rgba(54, 140, 203, 0.4); +} +.cmprod-header h1 { + color: #005596; + padding-bottom: 0rem; + padding-top: 1.1rem; + line-height: 1.1; +} +.cmprod-header p { + line-height: 24px; +} +.cmprod-header p:first-of-type { + font-style: italic; + font-size: 2rem; + line-height: 1.3; + font-weight: 700; + padding-top: 4px; + margin-bottom: 2.4rem; + color: #d18023; +} +.cmprod .header-v2 { + padding: 0; +} +.cmprod .header-v2 .content-wrapper { + display: flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; + /* Content Wrapper Media Queries */ +} +.cmprod .header-v2 .content-wrapper .header__intro, +.cmprod .header-v2 .content-wrapper .header__figure { + flex: 0 1 100%; +} +.cmprod .header-v2 .content-wrapper .header__intro { + font-size: 1.5rem; + line-height: 1.5; +} +.cmprod .header-v2 .content-wrapper .header__intro > ul { + padding-left: 0; +} +.cmprod .header-v2 .content-wrapper .header__intro > ul li { + list-style: none; + position: relative; +} +.cmprod .header-v2 .content-wrapper .header__intro > ul li::before { + font-family: 'FontAwesome'; + font-size: 1.5rem; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + margin-right: 10px; + content: "\f00c"; +} +.cmprod .header-v2 .content-wrapper .header__intro .cmprod-btn { + background-color: #368ccb; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25); + color: #ffffff; +} +.cmprod .header-v2 .content-wrapper .header__intro .cmprod-btn:hover { + opacity: 0.75; + background-color: #368ccb; +} +.cmprod .header-v2 .content-wrapper .header__figure { + padding: 0 15px; +} +.cmprod .header-v2 .content-wrapper figure { + display: flex; + justify-content: center; + align-items: center; + height: 100%; +} +@media (min-width: 768px) { + .cmprod .header-v2 .content-wrapper .header__intro, + .cmprod .header-v2 .content-wrapper .header__figure { + flex: 0 1 80%; + } + .cmprod .header-v2 .content-wrapper .header__figure { + padding: 0; + } +} +@media (min-width: 992px) { + .cmprod .header-v2 .content-wrapper { + flex-flow: row wrap; + margin: 0 30px; + } + .cmprod .header-v2 .content-wrapper .header__intro, + .cmprod .header-v2 .content-wrapper .header__figure { + flex: 0 1 50%; + } + .cmprod .header-v2 .content-wrapper .header__intro { + align-self: flex-start; + padding: 3em 0; + padding-right: 30px; + } + .cmprod .header-v2 .content-wrapper .header__figure { + padding-left: 30px; + } +} +@media (min-width: 1200px) { + .cmprod .header-v2 .content-wrapper { + max-width: 1140px; + margin: 0 auto; + } + .cmprod .header-v2 .content-wrapper .header__intro { + flex: 0 1 50%; + } + .cmprod .header-v2 .content-wrapper .header__figure { + flex: 0 1 50%; + } +} +@media (min-width: 1400px) { + .cmprod .header-v2 .content-wrapper { + max-width: 1340px; + margin: 0 auto; + } + .cmprod .header-v2 .content-wrapper .header__intro { + flex: 0 1 50%; + } + .cmprod .header-v2 .content-wrapper .header__figure { + flex: 0 1 50%; + } +} +@media (max-width: 991px) { + .cmprod .header-v2 .content-wrapper h1 { + font-size: 3rem; + } + .cmprod .header-v2 .content-wrapper .header__intro { + padding-top: 3em; + margin-bottom: 15px; + } + .cmprod .header-v2 .content-wrapper .header__figure { + margin-bottom: 30px; + } +} +@media (max-width: 767px) { + .cmprod .header-v2 .content-wrapper h1 { + font-size: 3rem; + } + .cmprod .header-v2 .content-wrapper .header__intro { + padding: 3em 15px 0; + } +} +@media (max-width: 575px) { + .cmprod .header-v2 .content-wrapper h1 { + font-size: 160%; + } +} +.cmprod-breadcrumb-nav { + margin-bottom: 3.5rem; +} +.cmprod-breadcrumb-nav .breadcrumb-nav__menu { + font-size: 1.5rem; + padding-left: 0; + border-bottom: solid 1px #c0d6e8; +} +.cmprod-breadcrumb-nav .breadcrumb-nav__menu .menu_item { + display: inline-block; + list-style: none; + font-weight: 600; +} +.cmprod-breadcrumb-nav .breadcrumb-nav__menu .menu_item:hover .menu__link { + color: #d18023; +} +.cmprod-breadcrumb-nav .breadcrumb-nav__menu .menu_item:not(.menu_item:first-child)::before { + font-family: 'FontAwesome'; + content: "\f101"; + font-size: 1.5rem; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + margin: 0 10px; + color: #585858; +} +.cmprod-breadcrumb-nav .breadcrumb-nav__menu .menu_item:not(.menu_item:first-child):hover::before { + color: #585858; +} +@media (min-width: 992px) { + .cmprod-main__section .container--flex .row, + .cmprod-main__section .container--flex .row .flex-component { + display: flex; + } +} +.cmprod-main__section::first { + padding-top: 10rem; +} +.cmprod .major-section { + flex: 1 0; + display: flex; + flex-direction: column; + justify-content: center; +} +.cmprod .major-section--left { + margin-right: 0; +} +.cmprod .major-section--right { + margin-left: 0; +} +.cmprod .major-section--2col-list { + flex: 3 0; +} +.cmprod .major-section--2col-list .major-section__description ul { + column-count: 2; + column-gap: 45px; +} +.cmprod .major-section--align-top { + justify-content: flex-start; +} +@media (max-width: 991px) { + .cmprod .major-section--media { + order: 2; + } +} +.cmprod .major-section__description h3 { + color: #005596; + font-size: 18px; + font-weight: 700; + line-height: 1.1; + padding: 12px 0 12px 0; +} +.cmprod-major-section__wrapper { + display: flex; + justify-content: center; + align-items: stretch; +} +@media screen and (max-width: 991px) { + .cmprod-major-section__wrapper { + flex-direction: column; + } +} +.cmprod-major-section__wrapper .major-section__media { + display: grid; + justify-content: center; + align-content: center; + grid-template-columns: 1fr; + grid-template-rows: 1fr; + position: relative; +} +.cmprod-major-section__wrapper .major-section__media .major-section__media-figure { + border-radius: 4px; + display: flex; + justify-content: center; + align-items: center; + position: relative; +} +.cmprod-major-section__wrapper .major-section__media .major-section__media-figure img { + border-radius: 4px; + transition: box-shadow 0.2s ease-in-out; +} +.cmprod-major-section__wrapper .major-section__media .major-section__media-figure img:hover { + cursor: pointer; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1), 0px 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 2px #368ccb; +} +.cmprod-major-section .collage-xn { + grid-template-columns: 1fr 1fr; + grid-gap: 1rem; +} +.cmprod-major-section .collage-xn img { + box-shadow: 0 0 1px #368ccb; + border-radius: 4px; +} +.cmprod .major-section--no-radius .major-section__media-figure img { + border-radius: 0; +} +.cmprod-section__intro { + text-align: center; + margin: 0 auto 5rem auto; +} +.cmprod-section, +.cmprod-feature-wrapper { + padding: 8rem 3rem; +} +.cmprod-card-lg { + background-color: #ffffff; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); + border-radius: 4px; + max-width: 560px; + margin: 0 auto; +} +.cmprod-card-lg__figure { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + position: relative; +} +.cmprod-card-lg__figure:hover { + cursor: pointer; +} +.cmprod-card-lg__figure:hover .view-image-toggle-btn { + background: #368ccb; + color: #ffffff; +} +.cmprod-card-lg__figure .view-image-toggle-btn { + position: absolute; + font-size: 1.2rem; + font-weight: bold; + border: 0; + right: 0; + bottom: 0; + background-color: #ffffff; + color: #368ccb; + padding: 5px 10px; + border-top-left-radius: 4px; +} +.cmprod-card-lg__figure .view-image-toggle-btn:hover { + text-decoration: underline; +} +.cmprod-card-lg__description { + padding: 2rem; + border-radius: 4px; +} +.cmprod-card-lg__description h4 { + margin-top: 0; + margin-bottom: 0; + padding: 0 0 2rem 0; +} +.cmprod-card-lg__description summary { + color: #368ccb; + cursor: pointer; +} +.cmprod-modeling-features h4 { + margin-bottom: 2rem; + border-bottom: 2px solid #368ccb; +} +.cmprod-modeling-features .cmprod-card { + height: 100%; + max-height: 90px; + box-shadow: 0px 0px 0 1px rgba(0, 0, 0, 0.15); +} +.cmprod-modeling-features .cmprod-card:hover { + cursor: pointer; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1), 0px 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 2px #368ccb; +} +@media only screen and (min-width: 992px) { + .cmprod-modeling-features .cmprod-card__figure::before { + display: none; + } +} +.cmprod-modeling-features .cmprod-card__description { + padding: 1rem 0; +} +.cmprod .what-you-can-model .cmprod-card { + height: 100%; + min-height: 1.5rem; + background-color: #ffffff; + box-shadow: 0px 0px 0px #ffffff, 0px 2px 3px rgba(0, 0, 0, 0.1); + overflow: hidden; +} +.cmprod .what-you-can-model .cmprod-card:hover { + cursor: pointer; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1), 0px 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 2px #368ccb; +} +.cmprod .what-you-can-model .cmprod-card h3 { + font-size: 1.6rem; + color: #005596; +} +.cmprod .what-you-can-model .cmprod-card .cmprod-card__figure::before { + display: none; +} +/* + * Product Flex Card Layout + */ +.cmprod-cards { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin: 0 auto; +} +.cmprod-card { + display: flex; + flex: 0 1 100%; + margin-bottom: 25px; + cursor: pointer; + border-radius: 4px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); + overflow: hidden; + background-color: #ffffff; +} +.cmprod-card:hover { + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1), 0px 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 2px #368ccb; +} +.cmprod-card h3 { + font-size: 1.6rem; + color: #005596; +} +.cmprod-card p { + margin: 0; +} +.cmprod-card__figure { + flex: 1 0; +} +.cmprod-card__figure img { + display: block; + object-fit: cover; + width: 100%; + height: 100%; +} +.cmprod-card__desc { + flex: 2 0; +} +.cmprod-card__desc-content { + padding: 15px; +} +.cmprod-section__content { + padding: 3.5em 2em; +} +.cmprod-card--full-width .cmprod-card__desc { + flex: 3 0; +} +/* MEDIA QUERIES */ +/* X-Small and Custom Mobile */ +@media (max-width: 499px) { + .cmprod-cards { + justify-content: center; + } + .cmprod-card { + flex-direction: column; + justify-content: center; + flex: 0 1 100%; + max-width: 280px; + } + .cmprod-card h3 { + padding-bottom: 0; + } + .cmprod-card__desc p { + display: none; + } + .cmprod-section__content { + padding: 3.5em 1em; + } +} +@media (min-width: 500px) and (max-width: 575px) { + .cmprod-cards { + justify-content: center; + } + .cmprod-card { + align-items: center; + } + .cmprod-card__desc p { + display: none; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .cmprod-cards { + justify-content: center; + } + .cmprod-card { + flex: 0 1 100%; + } +} +/* Small */ +@media (min-width: 768px) and (max-width: 991px) { + .cmprod-card { + flex: 0 1 100%; + } +} +/* Medium */ +@media (min-width: 992px) and (max-width: 1199px) { + .cmprod-card { + flex: 0 1 48.4%; + } +} +/* Large */ +@media (min-width: 1200px) { + .cmprod-card { + flex: 0 1 48.7%; + } +} +/* Bootstrap - Narrow Sets */ +@media (max-width: 991px) { + .major-section--2col-list { + margin-bottom: 1em; + } + .cta-text { + border-bottom: 1px solid #e7edf5; + } +} +@media (min-width: 768px) { + .cmprod-card__figure { + max-width: 200px; + } + .cmprod-section__content { + /* Removes side padding because container width becomes fixed at 768px */ + padding: 3.5em 0; + } +} +@media (min-width: 992px) { + .cmprod .major-section--left { + margin-right: 15px; + } + .cmprod .major-section--right { + margin-left: 15px; + } + .cmprod .major-section--2img .collage-xn { + grid-template-columns: auto; + } + .cmprod-card--full-width { + flex: 0 1 100%; + } + .prod-cta .cta-text { + border-right: 1px solid #e7edf5; + margin-right: -15px; + padding-right: 35px; + } + .prod-cta .cta-next { + text-align: left; + } +} +.sort-bar { + margin-bottom: 20px; + padding: 15px; + font-size: 0.9em; + vertical-align: middle; + display: block; + width: 100%; + margin-top: 10px; + background: rgba(238, 238, 238, 0.43); +} +.pr-sort { + text-align: center; + border-radius: 4px 0 0 4px; +} +.pr-sort-block { + margin-bottom: 5px; +} +.old-new select { + border: 1px solid #dddddd; + border-radius: 0 4px 4px 0; + -webkit-appearance: none; + -moz-appearance: none; + text-indent: 0.01px; + text-overflow: ""; +} +.old-new .form-control:last-child { + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; +} +.pr-search { + height: 30px; + line-height: 30px; + background: #eeeeee; + padding: 0 10px; + border-radius: 4px; + color: #333333; +} +.pr-views { + height: 30px; + line-height: 30px; + background: #eeeeee; + padding: 0 10px; + border-radius: 4px 0 0 4px ; + color: #333333; + margin-left: 25px; +} +.view-toggle { + width: 100px; + height: 39px; + line-height: 35px; + border-radius: 0 4px 4px 0; + background: #eeeeee; + border: 1px solid #dddddd; + padding: 0 5px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; +} +.view-toggle button { + background: none; + border: 0px; +} +.view-toggle button:hover { + color: #333333; + -webkit-transition: color ease-in-out 0.15s; + -o-transition: color ease-in-out 0.15s; +} +@-moz-document url-prefix() { + .view-toggle { + width: 90px; + } +} +.press-card { + margin: 15px 0px; + border: 2px solid #f2f2f2; + border-radius: 4px; + position: relative; + box-shadow: 2px 0px 2px rgba(238, 238, 238, 0.43); + background: linear-gradient(to bottom right, #e7edf5, #ffffff); + opacity: 0.89; + transition: all 0.5s ease; +} +.press-card:hover { + opacity: 1; + transition: all 0.5s ease; + border: 2px solid #368ccb; +} +.press-card a:hover, +.press-card a:focus { + text-decoration: none; +} +.press-card .pr-date { + z-index: 5000; + margin-bottom: 10px; + font-size: 13.5px; + content: ' '; +} +.press-card .pr-card-image { + overflow: hidden; + background: linear-gradient(to bottom right, #e7edf5, #ffffff); + height: 189px; +} +.press-card .pr-card-image img { + width: 100%; + object-fit: cover; + margin: auto; +} +.press-card .pr-card-bottom { + vertical-align: bottom; + padding: 12px 15px; + background-color: #ffffff; + border-radius: 0 0 4px 4px; +} +.press-card .pr-card-bottom .pr-cap { + height: 110px; + overflow: hidden; + position: relative; +} +.press-card .pr-card-bottom .pr-cap h4 { + margin: 0; + font-size: 17px; + margin-bottom: 10px; + line-height: 1.2; +} +.press-card .pr-card-bottom .pr-cap .text-fade--vertical { + height: 29px; +} +.no-img { + font-size: 25px; + padding: 30px 0 0; +} +.pr-alt-cap { + margin: 0px 10px; + flex: 1; +} +.pag-nav { + text-decoration: none; + list-style: none; +} +.press-release-content .col-md-4 { + padding-right: 15px; +} +.press-release-content .col-md-8 { + padding-left: 15px; +} +.press-release-content p img { + display: block; + width: 90%; + margin: 24px auto 0 auto; +} +.press-release-content h1 { + text-align: center; +} +.press-release-content h2 { + font-size: 25px; +} +.press-release-content h5 { + font-size: 16px; + margin: 15px 0 45px 0; + text-align: center; + font-weight: normal; +} +.press-release-content h6 { + font-size: 11px; + font-weight: normal; +} +.press-release-content a { + white-space: nowrap; +} +.pr-gallery-rtrn, +.pr-img-gallery { + font-weight: 800; + text-transform: uppercase; +} +.pr-gallery-rtrn:hover, +.pr-img-gallery:hover { + text-decoration: none; +} +.pr-img-gallery { + color: #368ccb; + text-align: left; +} +.upld-file-nm { + display: block; + position: relative; + left: 60px; + line-height: 2; +} +.pr-header .card .inner { + word-wrap: break-word; +} +.down-word-link:hover { + text-decoration: none; + color: #368ccb; +} +a.share-link:hover { + background-color: #368ccb; +} +.list-views { + display: inline-block; + padding: 20px 10px 15px 10px; + margin-bottom: 10px; + border: 2px solid #dddddd; + border-radius: 4px; + box-shadow: 2px 0px 2px rgba(238, 238, 238, 0.43); + width: 100%; + opacity: 0.89; + transition: all 0.5s ease; +} +.list-views button { + display: inline-block; + padding: 4px 10px 3px 10px; + font-size: 12px; + font-weight: 800; + color: #333333; + border: 1px solid #dddddd; + border-radius: 4px; + background-color: #ffffff; +} +.list-views button:hover { + background-color: #eeeeee; +} +.list-views:hover { + border: 2px solid #368ccb; +} +.list-view-title { + margin-top: 3px; + line-height: 1.5; +} +.list-view-title a { + color: #333333; + display: inline-block; +} +.paginationControl { + z-index: 900; +} +@media screen and (max-width: 991px) { + .view-as { + margin-bottom: 5px; + } + .pr-img-gallery { + text-align: left; + } +} +@media screen and (max-width: 991px) and (min-width: 200px) { + .list-view-title { + margin-bottom: 0; + padding-bottom: 0; + } +} +/* COMSOL Blog */ +.whiteBg { + background-color: #ffffff; +} +.comsolblog { + position: relative; +} +.comsolblog b .view-toggle { + background-color: #ffffff; +} +.comsolblog .form-control { + padding-right: 5px; +} +.comsolblog .sort-block, +.comsolblog .show-block, +.comsolblog .per-block { + border-radius: 5px; + width: 180px; +} +.comsolblog .per-block.auto-width { + width: auto; +} +.comsolblog .social-share { + display: block; + margin-bottom: 25px; +} +.comsolblog .social-share p { + color: #368ccb; + margin-bottom: 5px; +} +.comsolblog .share-links { + overflow: auto; + height: 35px; + margin-bottom: 25px; +} +.comsolblog .share-links .share-link { + background-color: #dddddd; + transition: 0.2s ease-in-out; + padding: 0; + height: 35px; + line-height: 35px; +} +.comsolblog .share-links .envelope:hover { + background-color: #368ccb; +} +.comsolblog .share-links .facebook:hover { + background-color: #3b5bdb; +} +.comsolblog .share-links .linkedin:hover { + background-color: #0073b1; +} +.comsolblog .share-links .google-plus:hover { + background-color: #db473b; +} +.comsolblog .share-links .twitter:hover { + background-color: #1c94e0; +} +.comsolblog .paginationControl { + border-top: 0px; + padding-top: 0px; +} +.comsolblog a.btn-green a.btn-solid.btn-green, +.comsolblog a.btn-solid.btn-green:visited, +.comsolblog .btn-solid.btn-green, +.comsolblog .btn-solid.btn-green:visited { + background-color: #388090; + border-bottom: none; +} +.comsolblog a.btn-green a.btn-solid.btn-green:hover, +.comsolblog a.btn-solid.btn-green:visited:hover, +.comsolblog .btn-solid.btn-green:hover, +.comsolblog .btn-solid.btn-green:visited:hover { + background-color: #2a5f6b; + transition: background 0.2s ease-in-out; +} +.comsolblog a.btn-solid.btn-orange, +.comsolblog a.btn-solid.btn-orange:visited, +.comsolblog .btn-solid.btn-orange, +.comsolblog .btn-solid.btn-orange:visited { + background-color: #e65e30; + border-bottom: none; +} +.comsolblog a.btn-solid.btn-orange:hover, +.comsolblog a.btn-solid.btn-orange:visited:hover, +.comsolblog .btn-solid.btn-orange:hover, +.comsolblog .btn-solid.btn-orange:visited:hover { + background-color: #c03b25; + transition: background 0.2s ease-in-out; +} +.comsolblog a.btn-solid.btn-red, +.comsolblog a.btn-solid.btn-red:visited, +.comsolblog .btn-solid.btn-red, +.comsolblog .btn-solid.btn-red:visited { + background-color: #d61e57; + border-bottom: none; +} +.comsolblog a.btn-solid.btn-red:hover, +.comsolblog a.btn-solid.btn-red:visited:hover, +.comsolblog .btn-solid.btn-red:hover, +.comsolblog .btn-solid.btn-red:visited:hover { + background-color: #ab1f46; + transition: background 0.2s ease-in-out; +} +.comsolblog .card--center-on-hero { + position: relative; + top: -95px; + box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.3); +} +.comsolblog .container--lift { + position: relative; + top: -10px; +} +.comsolblog__content { + background: #f2f2f2; + box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.3); +} +.bloghero { + height: 350px; + background: url(../images/COMSOL_Blog_HomeHeader.png) bottom center no-repeat; + background-size: cover; + margin: 0; + padding: 0; +} +.blog-header { + height: 75px; +} +.blog-header .get-posts-email { + float: right; +} +.no-border { + padding: 20px 30px; + color: #555555; + border-bottom: 0; +} +.comsolblog--shiftup { + position: relative; + top: -35px; +} +.heading-card-title__h1 { + color: #585858; + display: inline-block; + font-weight: 800; + font-size: 1em; + line-height: 1em; + text-align: left; +} +.heading-card-title__h1--index { + font-size: 2em; + margin: 0; +} +.heading-card-subtitle--gray { + height: 75px; + padding: 17px 20px; + background-color: #f2f2f2; + border-top: 1px solid #dddddd; +} +.heading-card-subtitle--gray .input-group { + min-width: 60px; + margin-bottom: 0; + font-size: 0.95em; +} +.get-posts-email .btn--get-posts-email { + padding: 8px 0; + border-radius: 5px; +} +.btn--get-posts-email { + border: none; + color: #368ccb; + background-color: #ffffff; + vertical-align: bottom; + float: right !important; + -webkit-transition: color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; +} +.btn--get-posts-email:hover { + color: #368ccb; + -webkit-transition: color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; +} +.subscribed-success-msg { + color: #52aea2; + margin-bottom: 10px; + text-align: right; + font-weight: 600; +} +.subform-enteremail { + position: relative; + border-color: #005596; +} +.subform-enteremail input { + width: 250px; + height: 35px; + border-radius: 4px 0 0 4px; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border: 1px solid #dddddd; + transition: 0.2s; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + padding: 2px 8px; + background-color: #f2f2f2; + vertical-align: bottom; +} +.btn--enteremail { + color: #ffffff; + border: solid 1px #368ccb; + background-color: #368ccb; + border-radius: 0 4px 4px 0; + box-sizing: border-box; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + text-align: center; + vertical-align: bottom; + width: 35px; + height: 34px; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} +.btn--enteremail:hover { + background-color: #2a70a4; +} +.sub-email__close { + margin: 0 0 0 10px; + cursor: pointer; + display: inline-block; + height: 34px; + line-height: 32px; + vertical-align: middle; + box-sizing: border-box; +} +.enteremail__legal .alert, +.enteremail__error .alert { + margin: 0; + border-radius: 0; + padding: 15px 30px; + font-size: 14px; +} +#perpage { + height: 30px; + line-height: 30px; + background: #eeeeee; + padding: 0 10px; + border-radius: 4px 0 0 4px; + color: #555555; + margin-left: 23.7px; +} +#perpage option:hover { + background-color: #005596; + color: #ffffff; +} +.blog-search__submit:hover { + background-color: #d5d5d5; +} +.blogfltrlabel { + color: #555555; +} +.card-box--previews { + border-radius: 4px; + box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.3); + margin: 20px 0; + background: #ffffff; + padding: 15px 30px 30px 40px; + width: 24%; + display: inline-block; + width: 100%; + position: relative; + top: -100px; +} +.card-box--previews .card { + margin: 15px 5px; +} +.card-box--previews a:hover, +.card-box--previews a:focus { + text-decoration: none; +} +.blog-preview-img { + overflow: hidden; + background: linear-gradient(to bottom right, #e7edf5, #ffffff); + height: 189px; +} +.blog-preview-img img { + width: 100%; + object-fit: cover; + margin: auto; + height: 189px; +} +.preview__text-container { + height: 300px; +} +.preview__text-container p { + font-size: 15px; +} +.preview__details { + border: 2px solid #f2f2f2; + width: 23.5%; + display: inline-block; + overflow: hidden; +} +.preview__details .preview__description { + height: 0px; + overflow: hidden; +} +.preview__details:hover { + border: 2px solid #368ccb; + transition: 0.2s; +} +.preview__text { + padding: 15px; + display: block; + background-color: #ffffff; + opacity: 0.9; + vertical-align: top; +} +.preview__text h4 { + margin: 0 ; + font-size: 17px; + margin-bottom: 10px; + line-height: 1.2; +} +.preview__text .date { + z-index: 5000; + margin-bottom: 10px; + font-size: 13.5px; +} +.preview__text--russia h4 { + margin: 0 0 15px; + height: unset; +} +.text-fade--vertical { + position: absolute; + bottom: 0; + right: 0px; + width: 100%; + height: 49px; + background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 75%); +} +.post-hero-image { + width: 100%; +} +.post-hero-image img { + width: 100%; +} +.wpAuthor .date { + display: inline-block; + color: #368ccb; + padding: 10px 0 0 0; + letter-spacing: 0.05em; +} +.author { + display: inline-block; + color: #368ccb; +} +.post-page .author { + color: #368ccb; + border-bottom: 0px; +} +.post-page .author:hover { + color: #585858; + border-bottom: 2px solid #368ccb; +} +.blog--body img { + margin-bottom: 15px; +} +.blog--body .blog-headings { + font-weight: 400; +} +.blog--body span { + margin-bottom: 25px; +} +.blog--sidebar { + padding: 10px 30px 0 30px; +} +.blog--sidebar .share-link { + width: 25%; +} +.blog--sidebar .sub-email__close { + line-height: 32px; +} +.blog--sidebar .enteremail__legal, +.blog--sidebar .enteremail__error { + margin-bottom: 15px; +} +.blog--sidebar .enteremail__legal .alert-info, +.blog--sidebar .enteremail__error .alert-info, +.blog--sidebar .enteremail__legal .alert-warning, +.blog--sidebar .enteremail__error .alert-warning { + padding: 15px 20px; +} +.category-tagblock { + margin: 5px 0; +} +.category-tagblock a:hover { + text-decoration: none; +} +.category-tagblock h4 { + letter-spacing: 0.07em; +} +.blog-tag { + display: inline-block; + font-size: 1.55rem; + margin-bottom: 5px; + border: 1px solid #c0d6e8; + border-radius: 5px; + background-color: #e7edf5; + color: #368ccb; + transition: 0.2s ease-in-out; +} +.blog-tag:hover { + border: 1px solid #368ccb; + background-color: #368ccb; + color: #ffffff; +} +.get-posts--single .btn--get-posts-email { + background-color: #368ccb; + color: #ffffff; + text-align: center; + width: 100%; +} +.blog--sidebar--cta { + min-height: 35px; + margin-bottom: 25px; + position: relative; +} +.blog--sidebar--cta > a { + display: block; + height: 35px; +} +.blog--sidebar--cta > a:hover { + text-decoration: none; +} +.blog--sidebar--cta button { + width: 100%; + padding: 0; + display: block; + padding: 8px 0; + border-radius: 5px; + line-height: 28px; + background-color: #368ccb; + color: #ffffff; + border: 0px; + transition: 0.2s ease-in-out; +} +.blog--sidebar--cta button:hover { + background-color: #307eb8; +} +.blog--sidebar--cta hr { + border-top: 1px solid #dddddd; +} +.blog--sidebar--cta:hover { + text-decoration: none; +} +.blog--sidebar--cta .subform-enteremail input { + width: 100%; + display: block; + margin: 0; + font-size: 15px; +} +.blog--sidebar--cta .subform-enteremail input::placeholder, +.blog--sidebar--cta .subform-enteremail input::-webkit-input-placeholder { + font-size: 15px; + line-height: 35px; + vertical-align: top; +} +.blog--sidebar--cta .btn--enteremail { + display: block; + position: absolute; + top: 0; + right: 35px; + width: 35px; + height: 35px; + line-height: 15px; + margin: 0; + transition: 0.2s ease-in-out; + vertical-align: top; +} +.blog--sidebar--cta .sub-email__close { + position: absolute; + top: 0; + right: 0; + width: 35px; + line-height: 35px; + text-align: center; +} +.blog--sidebar--cta .input-wrapper { + width: auto; + height: 35px; + margin-right: 35px; +} +.adspace { + position: relative; + display: inline-block; + margin: 15px 0 15px 0; +} +.adspace:hover { + cursor: pointer; +} +.related-block { + padding-bottom: 15px; +} +.related-block .related-block__preview { + margin: 5px 0px 0px 0px; +} +.related-block .related-block__preview:hover { + transition: color 0.3s ease; + color: #4b8229; +} +.related-block .related-block__grey { + background: #dddddd; + padding: 15px; + margin: 15px 0; +} +.related-block h4 { + margin-bottom: 0px; + letter-spacing: 0.07em; +} +.related-block .related-block__image { + width: 90px; + overflow: hidden; + border-radius: 4px; + display: inline-block; +} +.related-block .related-block__image img { + width: 100%; + margin: 0; +} +.related-block .related__title { + display: inline-block; + width: 60%; + vertical-align: top; +} +.related-block .related__title p { + margin: 0 0 5px 15px; + font-size: 15px; + font-weight: 600; + line-height: 1.3; + letter-spacing: 0.002em; +} +.related-block .related__title p:hover { + color: #333333; +} +.related-block .related__title a:hover { + text-decoration: none; +} +.blog-comment { + padding-bottom: 30px; +} +.blog-comment button.disabled { + opacity: 0.5; + cursor: default; +} +.blog-comment input[type=button].disabled { + opacity: 0.5; + cursor: default; +} +.blog--error { + width: 100%; + padding: 15px; + background-color: #ab1f46; +} +.blog-comment__heading { + vertical-align: center; + margin-top: 20px; +} +.blog-comment__heading h4 { + display: inline-block; + text-transform: uppercase; +} +.blog-comment__heading p { + display: inline-block; + margin-top: 25px; +} +.blog-comment__warning p { + margin-bottom: 0; +} +.blog-comment__block, +.blog-comment__initial { + background-color: #ffffff; + padding: 30px 30px; + margin: 30px 0px 0px 0px; +} +.blog-comment__block h5, +.blog-comment__initial h5 { + margin-top: 0px; + display: inline-block; +} +.blog-comment__block img, +.blog-comment__initial img { + max-width: 100px; +} +.blog-comment__initial { + margin: 30px 0px 0px 0px; + padding: 30px 30px 0 30px; +} +.blog-comment__reply { + background-color: #ffffff; + padding: 25px 30px 25px 160px; + margin: 5px 30px 0px 30px; +} +.blog-comment__reply h5 { + margin-top: 0px; + display: inline-block; +} +.blog-comment__reply img { + max-width: 50px; +} +.blog-comment__reply .comment__info { + width: 91%; +} +.blog-comment__company { + color: #368ccb; + margin: 0px; + font-size: 12px; + font-weight: 700; + display: block; +} +.comment__image { + display: inline-block; + vertical-align: top; + margin: 5px 30px 30px 0; +} +.comment__image img { + width: 250px; +} +.comment__info { + display: inline-block; + width: 87%; + word-wrap: break-word; +} +.comment__info p { + margin-top: 15px; +} +.comment__ts { + float: right; + display: inline-block; +} +.reply-comment, +.add-comment, +.cancel-comment { + width: 150px; + display: block; + background-color: #368ccb; + color: #ffffff; + border: 0px; + position: relative; + float: right; +} +.reply-comment:hover, +.add-comment:hover, +.cancel-comment:hover { + background-color: #2a70a4; +} +.add-comment, +.cancel-comment { + margin: 15px 0 0 15px; +} +.cancel-comment { + background-color: #eea342; + border-color: #d18023; +} +.cancel-comment:hover { + background-color: #d18023; +} +.edit-comment { + margin: 0 15px 0 0; + display: block; + background-color: #ffffff; + color: #368ccb; + border: 0; + position: relative; + float: right; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +.delete-comment { + margin: 15px 0 0 0; + display: block; + background-color: #ffffff; + color: #e65e30; + border: 0; + position: relative; + float: right; +} +.comment__register { + padding-top: 10px; +} +.comment__register input { + display: block; +} +.comment__drop-comment { + display: flex; + flex-direction: column; + margin: 12px 0px 0px 0; + vertical-align: top; + width: 100%; +} +.comment__drop-comment textarea { + align-self: center; + text-align: left; +} +.comment__drop-comment input { + align-self: right; +} +.comment__drop-comment h5 { + text-transform: uppercase; +} +.comment__form { + display: inline-block; + max-width: 61%; + margin-left: 26px; +} +.comment__form textarea { + margin-top: 15px; + width: 100%; + padding: 15px; +} +/* + * TABLE OF CONTENTS + * ------------------------------------------------------- */ +.toc { + transition-property: bottom; + transition-duration: 0.5s; + z-index: 100; + height: 620px; + width: 100%; + background: #ffffff; + box-shadow: inset 0px 5px 0px 0px #368ccb; +} +.toc__body { + margin: 5px 64px; + max-height: 525px; + overflow: auto; +} +.toc__wrapper { + height: 620px; +} +.toc__row--no-margin { + margin: 0; +} +.toc--stuck { + position: fixed; + bottom: -615px; +} +.toc__close-bar { + height: 40px; + padding-left: 0; + padding-right: 0; +} +.toc__close-bar--top { + margin-top: 5px; +} +.toc__close-bar--bottom .toc__close { + display: none; +} +.toc--unstuck { + position: relative; +} +.toc--unstuck .toc__explore { + cursor: auto; +} +.toc--unstuck .toc__arrow { + display: none; +} +.toc--unstuck .toc__close-bar--top { + border-bottom: 1px solid #ffffff; +} +.toc--unstuck .toc__close-bar--bottom { + border-top: 1px solid #ffffff; +} +.toc--unstuck .toc__close { + display: none; +} +.toc--open { + bottom: 0px; +} +.toc--open .toc__arrow { + transform: rotateZ(180deg); + animation: three 2s; + animation-direction: alternate; +} +.toc__explore-bar { + width: 390px; + height: 40px; + position: absolute; + top: -40px; + left: 0; + background-color: #368ccb; +} +.toc__explore { + display: block; + position: absolute; + top: 0; + left: 0; + width: 390px; + height: 100%; + vertical-align: top; + line-height: 40px; + cursor: pointer; + border: none; + color: #ffffff; + font-size: 15px; + font-weight: 800; + letter-spacing: 0.05em; + text-transform: uppercase; + padding-left: 0px; + text-align: center; +} +.toc__arrow { + display: block; + position: absolute; + right: 0; + top: 0; + vertical-align: top; + width: 45px; + height: 100%; + line-height: 40px; + cursor: pointer; + color: #ffffff; + text-align: center; + background-color: #005596; +} +.toc__close { + height: 39px; + line-height: 39px; + padding: 0 12px; + color: #999999; + vertical-align: bottom; + font-size: 20px; + cursor: pointer; +} +.toc__close:hover { + transition: 0.2s ease-in-out; + color: #005596; +} +.toc__section-heading { + margin: 10px 0 15px; + line-height: 20px; + width: 100%; + padding: 0; + font-weight: 800; + font-size: 16px; + letter-spacing: 0.05em; + color: #005596; +} +.toc__category-list { + min-height: 480px; + overflow: auto; +} +.toc__tag-list { + min-height: 430px; + overflow: auto; +} +.nested-list { + font-weight: 800; + font-size: 16px; +} +.nested-list--flex { + -webkit-column-count: 4; + /* Chrome, Safari, Opera */ + -moz-column-count: 4; + /* Firefox */ + column-count: 4; + -webkit-column-gap: 5%; + /* Chrome, Safari, Opera */ + -moz-column-gap: 5%; + /* Firefox */ + column-gap: 5%; +} +.nested-list--left-align { + padding-left: 0; +} +.nested-list__parent-link { + color: #999999; +} +.nested-list__parent-link:hover { + color: #999999; + transition: color 0.2s ease-out; + -webkit-transition: color 0.2s ease-out; + -moz-transition: color 0.2s ease-out; + -o-transition: color 0.2s ease-out; +} +.nested-list__parent-element { + list-style: none; + text-align: left; + margin-bottom: 20px; +} +.nested-list__parent-element--flex-nobreak { + -webkit-column-break-inside: avoid; + page-break-inside: avoid; + break-inside: avoid; +} +.nested-list__parent-element:hover > a { + color: #368ccb; +} +.nested-list__child-list--left-align { + padding-left: 0; +} +.nested-list__child-element { + list-style: none; + padding: 0; + border: 0; + margin-bottom: 5px; + transition: 120ms; + -webkit-transition: 120ms; +} +.nested-list__child-link { + display: inline-block; + color: #999999; + padding: 5px 10px 5px 0; + font-weight: 400; + font-size: 14px; + line-height: 18px; + transition: 120ms; + -webkit-transition: 120ms; + width: auto; +} +.nested-list__child-link:hover, +.nested-list__child-link:focus { + color: #368ccb; + text-decoration: none; +} +.tagline-left { + border-left: 1px solid #368ccb; +} +.tagline-left .toc__sections { + padding: 0 0 0 26px; +} +.toc__tags { + display: inline-block; + width: 100%; + padding: 0; + columns: 2; +} +.blog-tag-item { + list-style: none; + display: list-item; + font-size: 14px; + margin-bottom: 5px; +} +.blog-tag-item a { + display: inline-block; + line-height: 18px; + padding: 5px 10px 5px 0; + color: #585858; + transition: 120ms; + -webkit-transition: 120ms; + width: auto; +} +.blog-tag-item a:hover, +.blog-tag-item a:focus { + text-decoration: none; + color: #368ccb; +} +.tag-search { + outline: none; + height: 31px; + line-height: 31px; + margin-bottom: 15px; + padding: 0 5px; + font-size: 14px; + border: 2px solid #dddddd; + border-radius: 5px; + background: #f2f2f2; +} +.tag-search:focus { + border: 2px solid #368ccb; + -webkit-transition: border 0.2s ease-in-out; + transition: border 0.2s ease-in-out; + background: #ffffff; + box-shadow: 0 0 10px #eeeeee; + -webkit-box-shadow: 0 0 10px #eeeeee; +} +@media screen and (min-width: 1500px) { + .toc__tag-list > ul { + -webkit-columns: 2; + -moz-columns: 2; + columns: 2; + } + .toc__category-list { + height: 480px; + } + .toc__tag-list { + height: 430px; + } + .tag-search { + width: 100%; + } +} +@media screen and (max-width: 1499px) { + .toc__categories { + height: 350px; + overflow-y: scroll; + } + .categories--outer { + padding-left: 36px; + } + .toc__category-col li { + width: 200px; + } + .fluid-break { + padding-left: 0; + } + .toc__category-list > ul { + -webkit-columns: 4; + -moz-columns: 4; + columns: 4; + } + .toc__tag-list > ul { + -webkit-columns: 1; + -moz-columns: 1; + columns: 1; + } + .toc__category-list, + .toc__tag-list { + padding: 0; + } + .toc__category-list { + height: 480px; + } + .toc__tag-list { + height: 430px; + } + .tag-search { + width: 100%; + } +} +@media screen and (max-width: 1199px) { + .blog--sidebar { + padding: 10px 20px 0; + } + .preview__details { + width: 30.9%; + } + .card-box--previews { + padding: 15px 30px 30px 55px; + } + .comment__info { + width: 84%; + } + .blog-comment__reply .comment__info { + width: 88%; + } + .add-comment { + margin-right: 0px; + } + .categories--outer { + -webkit-columns: 2; + -moz-columns: 2; + columns: 2; + } + .related-block__preview .related__title { + width: 58%; + } + .toc__category-list > ul { + -webkit-columns: 3; + -moz-columns: 3; + columns: 3; + } + .toc__tag-list > ul { + -webkit-columns: 1; + -moz-columns: 1; + columns: 1; + } + .toc__category-list, + .toc__tag-list { + padding: 0; + } + .toc__category-list { + height: 480px; + } + .toc__tag-list { + height: 430px; + } +} +@media screen and (max-width: 991px) { + .card--center-on-hero { + margin-top: 15px; + } + .card-box--previews { + padding: 15px 30px 30px 40px; + } + .blog-preview-img { + max-height: 164px; + } + .comment__info { + width: 100%; + } + .blog-comment__reply .comment__info { + width: 100%; + } + .toc__categories { + overflow-y: visible; + height: auto; + } + .categories--outer { + -webkit-columns: 2; + -moz-columns: 2; + columns: 2; + } + .tagline-left { + border-left: 0px; + border-top: 1px solid #368ccb; + padding-top: 15px; + margin-top: 15px; + } + .tagline-left .toc__sections { + padding-left: 0; + } + .tagline-left .toc__tags { + display: inline-block; + padding-left: 0; + height: auto; + overflow-y: visible; + -webkit-columns: 2; + -moz-columns: 2; + columns: 2; + } + .toc__tag-list, + .toc__category-list { + padding: 0; + } + .toc__tag-list > ul, + .toc__category-list > ul { + -webkit-columns: 4; + -moz-columns: 4; + columns: 4; + } + .toc__category-list { + height: auto; + } + .toc__tag-list { + height: auto; + } +} +@media screen and (max-width: 991px) { + .preview__details { + width: 47.5%; + } + .tag-search { + width: 50%; + } + .comsolblog .container--lift { + position: relative; + top: 4px; + } +} +@media screen and (max-width: 767px) { + .comsolblog .container--lift { + position: relative; + top: -28px; + } + .card--center-on-hero { + top: -122px; + } + .heading-card-title__h1--index { + margin-bottom: 15px; + } + .blog-header .get-posts-email { + float: left; + } + .heading-card-subtitle--gray { + height: auto; + } + .blog-preview-img img { + min-height: 179px; + } + .preview__details { + width: 47.5%; + } + .card-box--previews { + padding: 15px 30px 30px 30px; + } + .btn--get-posts-email { + float: left !important; + } + .blog-comment__reply { + padding-left: 80px; + } + .comment__ts { + padding-bottom: 15px; + display: block; + float: none; + } + .toc__tag-list > ul, + .toc__category-list > ul { + -webkit-columns: 2; + -moz-columns: 2; + columns: 2; + } + .tag-search { + width: 100%; + } + .per-block { + margin-bottom: 10px !important; + } +} +@media screen and (max-width: 606px) { + .preview__details { + width: 46.5%; + } + .toc__tag-list > ul, + .toc__category-list > ul { + -webkit-columns: 1; + -moz-columns: 1; + columns: 1; + } + .tagline-left .toc__tags { + -webkit-columns: 1; + -moz-columns: 1; + columns: 1; + } + .tag-search { + width: 100%; + } +} +@media screen and (max-width: 445px) { + .toc__body { + margin: 5px 20px; + } + .toc__close-bar--top .toc__close { + display: none; + } + .toc__close-bar--bottom .toc__close { + display: block; + } + .comsolblog, + .toc--wrap, + .top-tool { + min-width: 320px; + } + .preview__details { + width: 100%; + min-width: 260px; + } + .card-box--previews { + padding: 15px 30px 30px 30px; + } + .card-box--previews .card { + margin: 15px 0; + } + .blog-preview-img { + height: 181px; + } + .sidebar--blog { + margin: 27px 15px 0 15px; + } + .toc__explore-bar { + width: 100%; + } + .toc__explore { + width: 100%; + padding-left: 0px; + text-align: center; + } + .tagline-left .toc__tags { + -webkit-columns: 1; + -moz-columns: 1; + columns: 1; + } +} +/* CUSTOM STYLES FOR PRINT ============ */ +@media print { + .mobile-nav-toolbar, + .nav-toolbar-links, + .nav-primary-links, + .post-hero-image, + .toc--wrap, + .toc--stuck, + #toc, + .toc__body, + .ftr-main, + .ftr-legal, + .blog--sidebar, + .blog--sidebar--cta, + .share-links, + .related-block, + .enteremail__legal, + .blogpost__comments, + .adspace, + .spacer, + .blog--siderbar, + .doublespacer, + .category-tagblock, + hr { + display: none; + } + .blogpost__content a, + .blogpost__content a:visited { + text-decoration: underline; + font-weight: bold; + } + .blogpost__content a::after, + .blogpost__content a:visited::after { + text-decoration: underline; + font-weight: normal; + } + .blogpost__content a[href*="cdn.comsol.com"]::after { + content: ""; + } + .wistia_responsive_padding { + display: inline-block; + padding-bottom: 1em; + } + .topnav-brand { + float: left; + margin: 2em 2em 0; + } + .blogpost__heading { + margin-top: 0; + } + .blogpost__content { + margin: 0; + border-bottom: 3px solid #368ccb; + font-size: 0.9em; + line-height: 1.2; + padding-bottom: 1em; + } + .blogpost__content .blog-body img { + display: inline-block; + clear: both; + } + .blog-body { + padding: 0 15px; + } + .btn-solid { + border: 0px !important; + } + .blogpost__heading > a, + .blogpost__author-name > a { + text-decoration: none; + } + .nav-toolbar a.topnav-brand::after, + .blogpost__heading > a::after, + .blogpost__author-photo > a::after, + .blogpost__author-name > a::after, + .category-tagblock > a::after { + content: ""; + } + .topnav-brand { + display: inline !important; + } + .ftr-legal .footerCopyright { + display: inline !important; + } +} +/*================ Color Palette ================*/ +.p-x { + padding: 0 8px; +} +.cntr__remove_margin { + margin-top: -19px; +} +.ctnr--bg { + background-color: #f9f9f9; +} +.ls_hide_component { + display: none !important; +} +.padng_animation * { + transition: padding 0.18s cubic-bezier(0.17, 0.67, 0.85, 0.54) 0.25s; +} +/*================ Progress Markers ================*/ +.unwatched { + display: inline-block; + width: 8px; + height: 8px; + border-radius: 100%; + border: 2px solid #368ccb; + background-color: #333333; + box-shadow: 0 0 0 2px #333333; +} +.watched { + background-color: #59aa47; + border: 2px solid #368ccb; + box-shadow: 0 0 0 2px #59aa47; +} +/*================ Page Header ================*/ +.ls_header_container { + margin: 35px 0 15px; + background-color: #ffffff; + border-radius: 5px; + box-shadow: 0px 9px 12px -8px rgba(103, 103, 103, 0.74); + transition: margin 0.25s ease 0.15s; +} +.ls_header_container .ls_title { + font-size: 32px; + color: #585858; + font-weight: 900; + margin: 0; + padding: 20px 20px 15px; +} +@media (max-width: 467px) and (max-width: 500px) { + .ls_header_container .ls_title { + font-size: 29px; + } +} +.ls_header_container .ls_subtitle { + font-size: 15px; + font-weight: 700; + line-height: 24px; + color: #ffffff; + margin: 0; + padding: 15px 22px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-top: 3px solid #005596; + background-color: #368ccb; +} +@media screen and (orientation: portrait) and (max-width: 590px) { + .ls_header_container { + margin: 34px 0 42px; + } +} +@media screen and (orientation: portrait) and (max-width: 500px) { + .ls_header_container .ls_title { + font-size: 2.5rem; + padding: 4% 3.5%; + } + .ls_header_container .ls_subtitle { + line-height: 18px; + padding: 2% 3.9%; + } +} +.link-to-home { + display: inline-block; +} +.link-to-home:hover, +.link-to-home:active, +.link-to-home:focus, +.link-to-home:visited { + text-decoration: none; +} +/*================ Video Player ================*/ +.ls_video { + margin-bottom: 10px; + position: relative; +} +.overlay__wrapper { + display: table; + height: 100%; + width: 100%; + padding-bottom: 20px; + position: relative; +} +/*-Absolubtly positioning elements-*/ +.centrdPosition { + position: absolute; + margin: auto; + left: 0; + right: 0; + top: -44px; + bottom: 0; +} +.ls_video__overlay { + font-size: 1em; + width: 100%; + height: 100%; + padding: 3%; + position: absolute; + z-index: 1; + background-color: #585858; +} +.overlay__header { + position: relative; + border-bottom: 1px solid #333333; + z-index: 2; +} +.overlay__header h3 { + color: #dddddd; + font-size: 2rem; + font-weight: 800; + margin: 0; +} +.overlay__header .header__hightlight { + color: #eea342; +} +.overlay__header .ls_title { + font-weight: 600; + color: #84c2ea; +} +.overlay__header .ls_title + span { + color: #dddddd; +} +.overlay__header .autoplay-counter { + color: #ffffff; + font-size: 1.32rem; + font-weight: 900; +} +@media screen and (orientation: portrait) and (max-width: 500px) { + .overlay__header { + margin-bottom: 1%; + } + .overlay__header .autoplay-counter { + font-size: 1.2rem; + } + .overlay__header h3 { + font-size: 1.5rem; + } + .overlay__header .ls_title { + font-size: 1.34rem; + } + .overlay__header .ls_title + span { + font-size: 1.25rem; + } +} +.overlay__counter_btn { + display: inline-block; + font-size: 1.32rem; + color: #eeeeee; + padding: 0.2% 0.8%; + margin: 0 0 0.6% 1.2%; + border: none; + background-color: #252525; + border-bottom: 1px solid #dddddd; +} +.overlay__counter_btn:hover { + border-bottom: 1px solid #84c2ea; +} +@media screen and (orientation: portrait) and (max-width: 500px) { + .overlay__counter_btn { + font-size: 1.2rem; + padding: 0px 12px; + position: absolute; + right: 0; + top: -5px; + } +} +.overlay__vids_preview { + display: table; + width: 100%; + text-align: center; + padding-top: 8%; +} +.overlay__vids_preview .vids_thumbnails__current, +.overlay__vids_preview .vids_thumbnails__next { + display: inline-block; + width: 34%; + margin: 0 1%; +} +@media screen and (orientation: portrait) and (max-width: 700px) and (min-width: 500px) { + .overlay__vids_preview { + padding-top: 3%; + } +} +@media screen and (orientation: portrait) and (max-width: 500px) { + .overlay__vids_preview { + padding-top: 4%; + } + .overlay__vids_preview .vids_thumbnails__current, + .overlay__vids_preview .vids_thumbnails__next { + width: 38%; + margin: 0 1%; + } +} +@media screen and (orientation: portrait) and (max-width: 500px) and (min-width: 0px) { + .overlay__vids_preview { + padding-top: 1%; + } + .overlay__vids_preview .vids_thumbnails__current, + .overlay__vids_preview .vids_thumbnails__next { + width: 44%; + } +} +.overlay__cta { + display: block; + font-size: 1.25rem; + color: #dddddd; + margin: 0 auto; + font-weight: 700; +} +.overlay__cta:hover { + cursor: default; + text-decoration: none; + color: #dddddd; +} +.overlay__cta .fa { + color: #84c2ea; + margin-left: 10px; +} +@media screen and (orientation: portrait) and (max-width: 500px) { + .overlay__cta { + font-size: 1.1rem; + color: #dddddd; + position: relative; + margin: 0 auto -9px; + padding: 1.5% 0 1% 0; + max-width: 100%; + } +} +.overlay__cta .overlay__cta_btn { + display: inline-block; + margin-bottom: 3.5%; + width: 100%; + max-width: 75%; + padding: 2.5%; + border: none; + background-color: #333333; + border-bottom: 2px solid #dddddd; +} +.overlay__cta .overlay__cta_btn:active { + outline: none; + border: none; +} +.overlay__cta .overlay__cta_btn:hover { + cursor: pointer; + color: #ffffff; + border-bottom: 2px solid #84c2ea; +} +div[class^="vids_thumbnails"] .thumbnail { + margin: 0 auto; + padding: 55% 0 0 0; + border: 0; + border-radius: 0; + box-shadow: 0px 11px 16px -10px rgba(0, 0, 0, 0.92); + transition: transform 0.2s ease, box-shadow 0.2s ease 0.05s; +} +div[class^="vids_thumbnails"] .thumbnail:hover { + cursor: pointer; + box-shadow: 0px 11px 16px -8px rgba(0, 0, 0, 0.92); + transform: translateY(-5px); +} +div[class^="vids_thumbnails"] .thumbnail:hover h3 { + color: #ffffff; +} +div[class^="vids_thumbnails"] .thumbnail h3 { + font-size: 1.1rem; + color: #dddddd; + font-weight: 700; + padding: 2.5% 0; + margin-bottom: 0; + background-color: #333333; + border-top: 4px solid #ffffff; + border-bottom: 1px solid #84c2ea; +} +@media screen and (orientation: portrait) and (max-width: 500px) { + div[class^="vids_thumbnails"] .thumbnail { + padding: 33% 0 0 0; + } + div[class^="vids_thumbnails"] .thumbnail h3 { + font-size: 1.08rem; + font-weight: 500; + } +} +@media screen and (orientation: portrait) and (max-width: 500px) and (min-width: 0px) { + div[class^="vids_thumbnails"] .thumbnail { + padding-top: 26%; + } +} +.no_next_vid { + padding-top: 12%; +} +.no_next_vid .vids_thumbnails__next { + padding: 49px 10px; + background-color: #252525; + position: relative; + top: -57px; + border-bottom: 1.4px solid; + box-shadow: 0px 11px 16px -10px rgba(0, 0, 0, 0.92); +} +.no_next_vid .vids_thumbnails__next .thumbnail { + padding-top: 0; +} +.no_next_vid .vids_thumbnails__next p { + font-size: 15px; + color: #dddddd; +} +.no_next_vid .vids_thumbnails__next p a { + font-size: 14px; + text-transform: uppercase; + color: #368ccb; + font-weight: 900; + text-decoration: underline; +} +.no_next_vid .vids_thumbnails__next p a:hover { + color: #84c2ea; +} +@media (max-width: 1200px) { + .no_next_vid .vids_thumbnails__next { + padding: 17px 10px; + top: -29px; + font-size: 14px; + } +} +@media (max-width: 992px) { + .no_next_vid { + padding-top: 0; + } + .no_next_vid .vids_thumbnails__current, + .no_next_vid .vids_thumbnails__next { + display: block !important; + margin: 0 auto; + } + .no_next_vid .vids_thumbnails__current .overlay__cta { + width: 78%; + margin-top: -10px; + margin-bottom: 19%; + } + .no_next_vid .vids_thumbnails__next { + width: 100%; + padding: 8px; + } +} +@media screen and (orientation: portrait) and (max-width: 590px) { + .no_next_vid .vids_thumbnails__current { + width: 100%; + max-width: 250px; + margin-bottom: 5%; + } + .no_next_vid .vids_thumbnails__current .overlay__cta_btn { + display: none; + } + .no_next_vid .vids_thumbnails__current .thumbnail { + padding-top: 0; + } + .no_next_vid .vids_thumbnails__current .thumbnail h3 { + border-top: 0; + position: relative; + padding: 10px; + width: 127%; + margin-top: -32px; + margin-bottom: 6%; + background-color: #585858; + } + .no_next_vid .vids_thumbnails__current .thumbnail h3:before { + content: "Repeat"; + position: absolute; + font-weight: bold; + top: 0; + left: -44px; + color: #333333; + padding: 10px 6px 10px 7px; + background-color: #84c2ea; + border-bottom: 1px solid #84c2ea; + } +} +@media screen and (orientation: portrait) and (max-width: 480px) { + .no_next_vid .vids_thumbnails__current { + margin-bottom: 0; + } + .no_next_vid .vids_thumbnails__next { + top: -49px; + } + .no_next_vid .vids_thumbnails__next p { + font-size: 13.5px; + } +} +@media screen and (orientation: portrait) and (max-width: 373px) { + .no_next_vid { + top: -63px; + } + .no_next_vid .vids_thumbnails__current .thumbnail h3 { + z-index: 1; + } + .no_next_vid p { + margin: 0; + } +} +/*================ Navbar ================*/ +.cntnr__navbar { + min-height: 49px; + position: relative; + z-index: 1; + background-color: #ffffff; + border-bottom: 1px solid #368ccb; + box-shadow: 0 13px 13px -12px rgba(53, 138, 203, 0.6); +} +.cntnr__navbar .navbar__tabs, +.cntnr__navbar .navbar__tabs li, +.cntnr__navbar .navbar__addons, +.cntnr__navbar .navbar__addons li { + display: inline-block; + margin: 0; + padding: 0; +} +.cntnr__navbar .navbar__tabs li a, +.cntnr__navbar .navbar__addons li a { + background-color: #f2f2f2; +} +.cntnr__navbar .navbar__tabs li a:active, +.cntnr__navbar .navbar__addons li a:active, +.cntnr__navbar .navbar__tabs li a:focus, +.cntnr__navbar .navbar__addons li a:focus { + text-decoration: none; +} +.cntnr__navbar .navbar__tabs li a { + color: #999999; + font-weight: 600; +} +.cntnr__navbar .navbar__addons { + width: 100%; +} +.cntnr__navbar .navbar__addons li { + display: inline-block; +} +.cntnr__navbar .navbar__addons li:first-child, +.cntnr__navbar .navbar__addons li:nth-child(2) a { + padding: 10px; +} +.cntnr__navbar .navbar__addons li:first-child { + width: 20%; + min-width: 130px; + max-width: 180px; + padding-right: 0; +} +.cntnr__navbar .navbar__addons li:first-child .navbar_dropdown { + width: 100%; + padding: 1%; + background-color: #ffffff !important; +} +.cntnr__navbar .navbar__addons li:nth-child(2) { + float: right; +} +.cntnr__navbar .navbar__addons li:nth-child(2) a { + display: block; + padding: 12px 19px; + transition: background 0.25s 0.15s; +} +.cntnr__navbar .navbar__addons li:nth-child(2) a:hover { + text-decoration: none; + background-color: rgba(54, 140, 203, 0.05); +} +.cntnr__navbar .navbar_dropdown { + color: #999999; + border: 0 !important; + border-radius: 3px; + box-shadow: 0px 0px 0px 1px #dddddd; + transition: box-shadow 0.25s cubic-bezier(0.18, 0.89, 0.32, 1.019); +} +.cntnr__navbar .navbar_dropdown:hover { + box-shadow: 0px 0px 0.5px 1px #368ccb; +} +.cntnr__navbar .navbar__addons li a i { + font-size: 22px; + color: #eea342; + margin: 0 8px; +} +.cntnr__navbar .navbar__addons li a p { + color: #368ccb; + display: inline-block; + margin: 0; + padding-left: 3px; +} +.cntnr__navbar .navbar__addons li a p strong { + font-weight: 900; +} +@media screen and (orientation: portrait) and (max-width: 500px) { + .cntnr__navbar .navbar__addons li { + display: block; + text-align: center; + } + .cntnr__navbar .navbar__addons li:first-child.ls_rmv_padding { + padding: 0; + } + .cntnr__navbar .navbar__addons li:nth-child(2) { + float: none; + } + .cntnr__navbar .navbar__addons li:first-child { + width: 100%; + max-width: 100%; + padding: 3% 10%; + border: none; + outline: none; + } + .cntnr__navbar .navbar__addons li:first-child .navbar_dropdown { + border: 1px solid #dddddd; + } + .cntnr__navbar .navbar__addons li:first-child:focus { + border: none; + outline: none; + border: 1px solid #368ccb; + } + .cntnr__navbar .navbar__addons li a:first-child { + border-top: 1px solid #f2f2f2; + -webkit-appearance: none; + } + .cntnr__navbar .navbar__addons li:first-child, + .cntnr__navbar .navbar__addons li a:first-child { + display: block; + } +} +/*================ Video Overview ================*/ +.cntr { + background-color: #ffffff; + border-radius: 4px; + box-shadow: 0px 3px 6px -2px rgba(0, 0, 0, 0.2); +} +.cntr .cntr__overview { + padding: 15px; + border-radius: none; + box-shadow: 0px 8px 22px 0px rgba(26, 26, 26, 0.09); +} +.cntr .cntr__overview .ls_video_overview { + padding-bottom: 15px; +} +.cntr .cntr__overview > .row { + display: flex; + flex-direction: row; +} +@media (max-width: 1202px) { + .cntr .cntr__overview > .row { + display: block; + } +} +.cntr .cntr__overview .ls_title { + font-size: 1.5rem; + color: #eea342; + padding-top: 41px; + margin: 0; + font-weight: 700; +} +.cntr .cntr__overview .ls_title--topic { + font-weight: 900; + color: #368ccb; +} +.cntr .cntr__overview .ls_subtitle { + font-size: 14px; + display: block; + font-weight: 700; + color: #585858; +} +.cntr .cntr__overview .ls_text p { + font-size: 1.55rem; + line-height: 24px; + font-weight: 400; + color: #585858; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; +} +.cntr .ls_vid_duration { + font-size: 14px; + font-weight: 500; + color: #585858; + display: block; + margin: 3px 0 21px 0; +} +@media screen and (orientation: portrait) and (max-width: 640px) { + .cntr .ls_title { + font-size: 18px; + text-align: center; + } + .cntr .ls_subtitle { + text-align: center; + } + .cntr .ls_vid_duration { + text-align: center; + } +} +@media screen and (orientation: portrait) and (min-width: 500px) { + .cntr .ls_title { + font-size: 17px !important; + } +} +/*================ Exercise Files ================*/ +.ls__downloadable { + display: inline-block; + margin: 30px 0 50px 0; + padding: 1%; + background-color: #dddddd; + box-shadow: inset 0 1px 0 #dddddd; + position: relative; +} +@media (max-width: 1200px) { + .ls__downloadable { + margin: 20px 0 0 0; + } +} +@media (max-width: 552px) { + .ls__downloadable { + width: 100%; + padding-right: 13px; + } +} +.ls__downloadable h5 { + font-size: 11px; + padding: 6px 10px; + position: absolute; + top: -36px; + left: 0; + background-color: #999999; +} +.ls__downloadable .fa-file-archive-o, +.ls__downloadable .fa-file-pdf-o, +.ls__downloadable .fa-file-powerpoint-o, +.ls__downloadable .fa-file-image-o, +.ls__downloadable .fa-file-text-o, +.ls__downloadable .fa-cog { + color: #dddddd; + width: 39px; + margin-right: 3px; + line-height: 42px; + font-size: 25px; + text-align: center; + background-color: #999999; + float: left; +} +.ls__downloadable .ls__downloadable__lock_icon { + width: 23px; + color: #ffffff; + font-size: 15px; + line-height: 23px; + text-align: center; + position: absolute; + top: -13px; + right: -13px; + background-color: #e65e30; +} +.ls__downloadable .ls__downloadable__file { + height: 42px; + margin: 3px 3px 6px 3px; + display: block; + background-color: #ffffff; +} +@media (max-width: 552px) { + .ls__downloadable .ls__downloadable__file { + width: 100%; + } +} +.ls__downloadable .ls__downloadable__file .file_details__wrapper { + margin-left: 43px; + padding-right: 5px; +} +.ls__downloadable .ls__downloadable__file .file_details__wrapper span:first-child { + font-size: 13.5px; + display: block; + line-height: 14px; + padding-top: 4px; + font-weight: bold; +} +@media (max-width: 500px) { + .ls__downloadable .ls__downloadable__file .file_details__wrapper span:first-child { + font-size: 12px; + } +} +.ls__downloadable .ls__downloadable__file .file_details__wrapper a { + font-size: 1.2rem; + color: #ffffff; + padding: 0 5px; + display: inline-block; + background-color: #59aa47; + margin-top: 0.2rem; +} +.ls__downloadable .ls__downloadable__file .file_details__wrapper a:hover, +.ls__downloadable .ls__downloadable__file .file_details__wrapper a:focus, +.ls__downloadable .ls__downloadable__file .file_details__wrapper a:active { + opacity: 0.8; + text-decoration: none; +} +.ls__downloadable .ls__downloadable__file .file_details__wrapper a span { + font-weight: 300; +} +/*================ Playlist ================*/ +.ls__playlist { + padding-bottom: 5px; + background-color: #e7edf5; +} +@media (max-width: 1201px) { + .ls__playlist { + width: 100%; + min-height: 270px; + padding: 30px 0 21px 0; + margin-bottom: 49px; + float: left; + } + .ls__playlist .ls__playlist__header { + padding-left: 8px; + } +} +.ls__playlist .ls__playlist__header { + padding-top: 5px; + margin-bottom: 10px; + border-bottom: 1px solid #e7edf5; +} +.ls__playlist .ls__playlist__header h3 { + font-size: 1.4rem; + margin: 0; + color: #585858; + font-weight: 800; +} +.ls__playlist .ls__playlist__header h3 + p { + font-size: 12px; + color: #585858; + font-weight: 700; + margin-top: 3px; +} +@media (max-width: 552px) { + .ls__playlist .ls__related { + padding: 0 8px; + } +} +.ribbon_heading { + color: #333333; + display: inline-block; + padding: 5px 10px 5px 18px; + position: relative; + margin-left: -18px; + background-color: #eea342; +} +.ribbon_heading:before { + content: ""; + width: 0; + height: 0; + display: inline-block; + left: 0; + bottom: -17px; + position: absolute; + border-top: -7px solid transparent; + border-bottom: 17px solid transparent; + border-right: 10px solid #d18023; +} +/*================ Social Media Widget ================*/ +.social__networks { + background-color: #ffffff; + border-top: 1px solid #368ccb; +} +.social__networks li { + list-style: none; + display: inline-block; +} +.social__networks a { + font-size: 14px; + display: block; + padding: 4px 6px; +} +.social__networks a:hover { + background-color: #f2f2f2; + box-shadow: 0 -1px #eeeeee, inset 10px -5px 9px -10px #999999, inset 0 -5px 3px -4px #b8b8b8; +} +.social__networks .color-twitter { + color: #368ccb; +} +.social__networks .color-facebook { + color: #3b5998; +} +.social__networks .color-google { + color: #e65e30; +} +.social__networks .color-envelope { + color: #555555; +} +.social__networks .color-linkedin { + color: #0E76A8; +} +.social__networks--positioned { + display: none; + position: absolute; + right: -31px; + top: 225px; + box-shadow: inset 10px -5px 9px -10px #999999; +} +@media (max-width: 1200px) { + .social__networks--positioned { + right: -15px; + } +} +@media (max-width: 992px) { + .social__networks--positioned { + top: 714px; + right: 35px; + box-shadow: none; + border: 0; + z-index: 6; + } +} +.social__networks--positioned li { + text-align: center; + display: block; +} +@media (max-width: 992px) { + .social__networks--positioned li { + display: inline-block; + } +} +/*================ Related Content ================*/ +.cntr__addon { + padding: 4px 3px; + margin-bottom: 90px; + background-color: #dddddd; + border-top: 1px solid #aaaaaa; + box-shadow: 0px 12px 17px -11px rgba(0, 0, 0, 0.95); + position: relative; +} +.addon__heading { + position: absolute; + top: -39px; + left: 8px; +} +.addon__heading h5 { + font-weight: 700; + font-size: 15px; +} +.ls__related { + padding: 0; + margin: 0; + min-height: 18px; +} +.ls__related__item { + float: left; + width: 19.7%; + background-color: #ffffff; + border-bottom: 1px solid #aaaaaa; + margin: 0 1.71px; + list-style: none; + position: relative; +} +.ls__related__item > a { + display: inline-block; + height: 100%; + /*Ensuring a tag takes full parent container height / Further learning resources cards*/ + width: 100%; +} +.ls__related__item > a:active, +.ls__related__item > a:focus, +.ls__related__item > a:hover { + text-decoration: none; +} +.cntr__addon .ls__related { + display: flex; + flex-flow: row wrap; + flex-grow: 1; + flex-basis: 0; +} +.cntr__addon .ls__related__item { + clear: both; + width: 19.45%; + height: 76px; + margin: 3px; + background-color: transparent; + border-bottom: none; +} +@media (max-width: 1200px) { + .cntr__addon .ls__related__item { + width: 32.69%; + } +} +@media (max-width: 992px) { + .cntr__addon .ls__related__item { + width: 49.1%; + } +} +@media (max-width: 771px) { + .cntr__addon .ls__related__item { + width: 48.99%; + } +} +@media (max-width: 647px) { + .cntr__addon .ls__related__item { + width: 100%; + } +} +.cntr__addon .ls__related__item .ls_related__icon { + max-width: 16.5px; + position: absolute; + right: 0; + padding: 3px; + z-index: 1; +} +.cntr__addon .ls__related__item a:hover .ls__item__wrapper .ls__related__item__card_overlay { + display: block; +} +.cntr__addon .ls__related__item a:hover .ls__item__wrapper .item__details_wrapper { + display: none; +} +.cntr__addon .ls__related__item a:hover .ls__item__wrapper p .fa-arrow-circle-right { + opacity: 1; + transform: translateX(8px); +} +.cntr__addon .ls__related__item a .ls__related__item__thumbnail { + margin-right: 5px; +} + height: inherit; + /* + .resource-blog { + background-image: url("http://cdn.comsol.com/learning-series/assets/png/blog.png"); + background-position: 53% 29px; + + @media (max-width: 1200px) { + background-position: 72% 7px; + } + + @media (max-width: 647px) { + background-position: 83% 7px; + } + } + + .resource-video { + background-image: url("http://cdn.comsol.com/learning-series/assets/png/video.png"); + background-position: 52% 33px; + background-size: 25%; + + @media (max-width: 1200px) { + background-position: 65% 12px; + } + + @media (max-width: 647px) { + background-position: 82% 5px; + background-size: 18%; + } + } + + .resource-model { + background-image: url("http://cdn.comsol.com/learning-series/assets/png/model.png"); + background-position: 67% 22px; + + @media (max-width: 1200px) { + background-position: 73% 22px; + } + + @media (max-width: 647px) { + background-size: 20%; + background-position: 83% 7px; + } + } + */ +} +.cntr__addon .ls__related__item a .ls__item__wrapper h5, +.cntr__addon .ls__related__item a .ls__item__wrapper p { + padding-left: 3px; +} +.cntr__addon .ls__related__item a .ls__item__wrapper .item__details_wrapper { + position: relative; + background: #f2f2f2; + top: 0; + bottom: 0; + height: 100%; + padding-top: 0.2px; + z-index: 0; +} +.cntr__addon .ls__related__item a .ls__item__wrapper .item__title { + margin: 12px 0 2px 2px; + font-size: 14px; + font-weight: 700; +} +.cntr__addon .ls__related__item a .ls__item__wrapper .ls__related__item__card_overlay { + height: inherit; + padding-top: 0.5px; + width: 100%; + height: 100%; + z-index: 3; + background-repeat: no-repeat; + background-color: #f2f2f2; + transition: opacity 0.35s ease-in-out; +} +.cntr__addon .ls__related__item a .ls__item__wrapper .ls__related__item__card_overlay .item__title { + color: #585858; + font-weight: bold; +} +.cntr__addon .ls__related__item a .ls__item__wrapper .ls__related__item__card_overlay .item__title + p { + color: #585858; + font-size: 13px; + padding-left: 3px; + margin-left: 3px; + font-weight: bold; +} +.cntr__addon .ls__related__item a .ls__item__wrapper .ls__related__item__card_overlay .fa-arrow-circle-right { + font-size: 15px; + opacity: 0; + transform: translateX(5px); + transition: opacity 0.25s ease 0.2s, transform 0.2s ease 0.45s; +} +.cntr__addon .ls__related__item a .ls__item__wrapper .ls__related__item__card_overlay .fa-arrow-circle-right:hover { + color: #eea342; +} +.ls__related__item--playlist_video { + width: 100%; + margin-bottom: 10px; + background-color: rgba(54, 140, 203, 0.16); + border: none; + box-shadow: -1px 2px 5px -3px rgba(0, 0, 0, 0.72); +} +.ls__related__item--playlist_video:hover { + transform: none; + box-shadow: 0 0 0 1px #368ccb; +} +@media (max-width: 1200px) { + .ls__related__item--playlist_video { + width: 47.8%; + margin: 1%; + } +} +@media (max-width: 552px) { + .ls__related__item--playlist_video { + width: 100%; + display: block; + margin: 5px auto; + } +} +.ls__related__item--playlist_video .unwatched { + float: right; + border: 2px solid #e7edf5; + margin: 8px; + background-color: #e7edf5; +} +.ls__related__item--playlist_video .watched { + background-color: #59aa47; + border: 2px solid #e7edf5; + box-shadow: 0 0 0 2px #59aa47; +} +.ls_playlist__active_video { + background-color: rgba(54, 140, 203, 0.18); + box-shadow: 0 0 0 1px #368ccb; +} +.ls__related__item__thumbnail { + height: 75px; + width: 75px; + float: left; + margin-right: 3px; + position: relative; + z-index: 4; + background-color: #ffffff; +} +.video_thumbnail { + height: 58px; + width: 58px; + margin-right: 4px; + float: left; +} +.ls__item__wrapper { + text-align: left; +} +.ls__item__wrapper span { + display: inline-block; +} +.item__title { + font-size: 14px; + margin: 7px 0 0 2px; + font-weight: 700; +} +.video_title { + font-size: 12.4px !important; + font-weight: 700 !important; + color: #368ccb; + margin: 0 !important; + padding: 0.5rem 0 0.2rem 0; +} +.item__description { + font-size: 12.4px; + line-height: 16px; + color: #585858; + margin-bottom: 0; + font-weight: 500; +} +.taxonomy__wrapper { + position: absolute; + right: 5px; + bottom: 2.5px; +} +.taxonomy__wrapper .item__taxonomy { + color: #368ccb; + font-size: 12px; + display: inline-block; +} +.taxonomy__wrapper .taxonomy__divider { + position: relative; + left: -5px; + font-size: 11px; +} +.cmprod-card__desc--learning-center { + padding-top: 10px; + padding-left: 5px; + font-size: 14px; + line-height: 1.1em; + background-color: #eeeeee; +} +/*================ Table of Contents ================*/ +.toc--learning .nested-list__child-element { + margin-bottom: 5px; +} +.toc--learning .nested-list__child-element > a, +.toc--learning .nested-list__child-element .nested-list__child-link { + padding: 3px 0; +} +.toc--learning .nested-list__child-element a.subnav__active_video { + font-weight: 700; + color: #368ccb; +} +.toc--learning .nested-list__child-element a .unwatched-bullet { + color: #eeeeee; +} +.toc--learning .nested-list__child-element a .watched-bullet { + background: none; + color: #a5d5cf; + border: 0; + box-shadow: none; +} +.toc--learning .nested-list__child-element a .active-bullet { + color: #368ccb; +} +.toc--learning .nested-list__child-element:hover a .unwatched-bullet { + color: #84c2ea; + -webkit-transition: 0.2s ease-in-out; + transition: 0.2s ease-in-out; +} +.toc--learning .toc__category-list { + height: 525px; +} +.toc--learning .tocs__category-list { + padding: 0 15px; +} +.toc--learning .toc__explore-bar { + width: 445px; +} +.toc--learning .toc__explore { + width: 445px; +} +@media screen and (max-width: 991px) and (min-width: 868px) { + .toc--learning .toc__tag-list > ul, + .toc--learning .toc__category-list > ul { + -webkit-columns: 3; + -moz-columns: 3; + columns: 3; + } +} +@media screen and (max-width: 867px) { + .toc--learning .toc__tag-list > ul, + .toc--learning .toc__category-list > ul { + -webkit-columns: 2; + -moz-columns: 2; + columns: 2; + } +} +@media screen and (max-width: 619px) { + .toc--learning .toc__tag-list > ul, + .toc--learning .toc__category-list > ul { + -webkit-columns: 1; + -moz-columns: 1; + columns: 1; + } +} +@media screen and (max-width: 445px) { + .toc--learning .toc__explore-bar { + width: 100%; + } + .toc--learning .toc__explore { + width: 100%; + padding-left: 0px; + text-align: center; + } +} +.wwt-video, +.wwt-additional-info { + background: #ffffff; + padding: 20px; + font-size: 0.9em; +} +.wwt-welcome-area, +.wwt-downloads, +.wwt-instructions { + font-size: 0.9em; +} +.wwt-downloads, +.wwt-instructions { + padding: 20px; +} +.wwt-welcome-area { + padding: 0; + background-color: #e7edf5; + -webkit-box-shadow: -20px 0 20px -10px #d5e9f9 inset; + box-shadow: -20px 0 20px -10px #d5e9f9 inset; +} +.wwt-test { + display: flex; +} +.wwt-header { + border-bottom: 5px solid #585858; +} +.wwt-header, +.wwt-section { + background: #ffffff; + border-radius: 5px; + -webkit-border-radius: 5px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); +} +.wwt-header h4.first, +.wwt-section h4.first, +.wwt-header h5.first, +.wwt-section h5.first { + margin-top: 0; +} +.wwt-page-title { + padding: 20px 30px; + margin: 0; + font-size: 2em; + color: #555555; + font-weight: 800; +} +.wwt-page-title a { + color: #555555; +} +.wwt-page-title a:hover, +.wwt-page-title a:focus { + text-decoration: none; +} +.wwt-section-title { + color: #585858; + font-size: 1.5em; +} +.wwt-lang-select { + text-align: right; +} +.wwt-icon { + color: #dddddd; +} +.wwt-welcome-msg { + border-bottom: 1px solid #dddddd; + padding: 30px; + background: #25325b; + -webkit-border-radius: 5px 0 0 0; + border-radius: 5px 0 0 0; +} +.wwt-welcome-msg p { + font-size: 15px; + margin-bottom: 0; + color: #ffffff; +} +.wwt-welcome-msg > h4:first-child { + margin-top: 0; + color: #eea342; +} +.wwt-btn-container { + text-align: right; +} +.wwt-support-case-btn { + display: inline-block; + color: #ffffff; + background: #368ccb; + padding: 0 1.3em; + line-height: 35px; + text-transform: uppercase; + border-radius: 5px; + -webkit-border-radius: 5px; + font-weight: 600; + font-size: 0.95em; + transition: 0.2s ease-in-out; +} +.wwt-support-case-btn:hover, +.wwt-support-case-btn:focus { + color: #ffffff; + text-decoration: none; +} +.wwt-support-case-btn:hover { + background: #2a70a4; +} +.wwt-csr { + padding: 10px; + border: 1px solid #c0d6e8; + border-radius: 5px; + margin-bottom: 0; + margin: 20px; + background: #ffffff; + -webkit-box-shadow: 0 0 10px #bcd4e7; + box-shadow: 0 0 10px #bcd4e7; +} +.wwt-csr__profile { + position: relative; + margin-bottom: 0; +} +.wwt-csr__photo { + position: absolute; + top: 0; + left: 0; + width: 60px; + height: 60px; + border-radius: 5px; +} +.wwt-csr__photo img { + display: block; + width: 60px; + height: 60px; + border-radius: 5px; +} +.wwt-csr__phone, +.wwt-csr__email { + font-size: 13px; +} +.wwt-csr__phone a, +.wwt-csr__email a { + display: inline-block; +} +.wwt-csr__info { + padding-left: 70px; +} +.vid-chapters-container { + padding-left: 15px; +} +.vid-chapters .chapter { + padding: 0; + margin: 0; +} +.vid-chapters .level-2 { + padding-left: 15px; +} +.vid-chapters .chapter a { + display: block; + padding: 5px 10px; + color: #585858; +} +.vid-chapters .chapter a i { + color: #368ccb; +} +.vid-chapters .chapter a:hover { + color: #368ccb; + background: #e7edf5; +} +.vid-chapters span .active { + color: #368ccb; + background: #e7edf5; +} +.wwt-downloads-list { + padding: 1em 0; +} +.wwt-download-item { + height: 40px; + line-height: 26px; + padding: 5px 0; + padding-left: 5px; + border-bottom: 1px solid #dddddd; + font-weight: 600; +} +.wwt-download-item a { + line-height: 26px; + transition: 0.2s ease-in-out; +} +.wwt-download-btn { + float: right; + display: inline-block; + font-size: 0.9em; + font-weight: 700; + margin-right: 5px; +} +.wwt-download-btn a { + box-sizing: border-box; + display: block; + padding: 0 1em; + border: 2px solid #dddddd; + border-radius: 5px; + -webkit-border-radius: 5px; + transition: 0.2s ease-in-out; + background: #ffffff; + text-transform: uppercase; +} +.wwt-download-btn a:hover, +.wwt-download-btn a:focus { + border: 2px solid #368ccb; + text-decoration: none; +} +.wwt-signin-req-txt { + float: right; + display: inline-block; + padding: 0 1em; + color: #999999; + font-weight: normal; +} +.wwt-chapter-section.disabled { + opacity: 0.5; + pointer-events: none; + max-height: 434px; + overflow-y: scroll; +} +.wwt-intro { + background: #ffffff; + font-size: 1em; + border-radius: 5px; + -webkit-border-radius: 5px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); +} +.wwt-instructions { + font-size: 0.95em; +} +.wwt-instructions h4.first, +.wwt-instructions h5.first { + margin-top: 0; +} +.wwt-instructions ul, +.wwt-instructions ol { + margin-bottom: 15px; +} +.wwt-support { + position: relative; + padding: 20px 20px; + min-height: 65px; + border-top: 4px solid #eeeeee; + font-size: 0.9em; +} +.wwt-support__msg { + padding-right: 240px; +} +.wwt-support__msg p { + margin: 0; +} +.wwt-support__btn { + position: absolute; + right: 20px; + top: 50%; + transform: translate(0%, -50%); + -webkit-transform: translate(0%, -50%); +} +.wwt-code-block { + display: block; + color: #585858; + background: #f1f6fa; + margin: 0; +} +.wwt-code-block ul { + list-style: none; + margin: 0; + padding: 15px 20px; +} +@media screen and (max-width: 991px) { + .wwt-page-title { + font-size: 25px; + } + .wwt-section-title { + font-size: 1.25em; + } + .wwt-test { + flex-direction: column; + } + .wwt-welcome-area { + flex: 0 1 auto; + border-bottom: 1px solid #dddddd; + } + .wwt-instructions { + flex: 0 1 auto; + } + .wwt-welcome-msg { + -webkit-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; + } +} +@media screen and (max-width: 575px) { + .wwt-page-title { + font-size: 20px; + } + .wwt-section-title { + font-size: 1em; + } + .wwt-download-btn, + .wwt-signin-req-txt { + display: none; + } + .wwt-support__msg { + padding-right: 0; + margin-bottom: 20px; + } + .wwt-btn-container { + text-align: center; + } + .wwt-support__btn { + position: relative; + right: 0; + left: 0; + -webkit-transform: none; + transform: none; + } +} +@media screen and (max-width: 399px) { + .wwt-csr__info { + padding: 0; + padding-top: 70px; + text-align: center; + } + .wwt-csr__photo { + left: 50%; + transform: translate(-50%, 0); + } +} +@media screen and (min-width: 992px) { + .wwt-welcome-area { + flex: 0 1 380px; + } + .wwt-instructions { + flex: 1 0 auto; + } + .wwt-col--no-padding-r { + padding-right: 0px; + } + .wwt-col--no-padding-l { + padding-left: 0px; + } +} +div.search-subset-nav a { + display: block; + margin-bottom: 10px; +} +div.search-subset-nav a.current-subset { + font-weight: bold; +} +div.search-subset-nav a.no-results { + color: #999999; +} +div.search-subset-nav a.no-results span { + color: #999999; +} +div.search-subset-nav a.no-results:hover { + text-decoration: none; +} +div.search-subset-nav a span { + float: right; + display: block; + color: #333333; + font-size: 0.7em; + padding-top: 3px; +} +div.search-info { + color: #bfbfbf; + font-size: 0.8em; +} +div.search-excerpt { + line-height: 1.5em; + max-height: 6em; + overflow: hidden; + text-overflow: ellipsis; +} +.header--licensing { + background: linear-gradient(360deg, #c0d6e8, #e7edf5); + /*@cm-gradient-light-primary;*/ +} +.header--licensing .header__intro { + padding: 45px 0; +} +.header--licensing .header__intro > h1.first { + font-weight: 800; + color: #005596; + /*@medium-blue*/ + margin-top: 0; +} +.licensing section { + padding: 30px 0; +} +.licensing__license-info p:last-child { + margin-bottom: 0; +} +.licensing .section--cta { + padding: 15px 0; +} +.licensing .section--legal { + padding: 0; +} +/* Licensing Main */ +.licensing-main { + position: relative; +} +.licensing-main h2 { + font-weight: 700; + color: #585858; + font-size: 30px; + margin-bottom: 30px; +} +.licensing-main h3 { + font-weight: 500; + color: #585858; +} +.licensing-main h3 { + margin-top: 0; +} +/* Table Styles */ +.table--centered-all { + text-align: center; +} +.table--centered-all th { + text-align: center; +} +.table--centered-all tbody > tr > td { + vertical-align: middle; +} +.table--centered-all tbody > tr > td:first-child { + white-space: nowrap; +} +.table--centered-all tbody tr:hover { + background-color: #f2f2f2; +} +.table--license-overview { + border: none; +} +.table--license-overview thead > tr > th { + font-size: 14px; + border-bottom: 3px solid #368ccb; +} +.table__data--small-text { + font-size: 13px; +} +.table__data-pipe { + display: inline-block; + margin: 0 5px; + color: #dddddd; +} +.table--license-overview tbody tr td:first-child { + border-left: none; +} +.table--license-overview tbody tr:last-child td { + border-bottom: none; +} +.table--license-overview tbody tr td:last-child { + border-right: none; +} +/* General Styles and Utilities */ +.font-na { + color: #dddddd; +} +div[id^="anchor"] { + margin-top: -60px; + padding-top: 60px; +} +/* License Main Section */ +.licensing__page-description { + margin-bottom: 30px; +} +.licensing__legal-statement { + border-top: 1px solid #dddddd; +} +/* Hero Cards*/ +.licensing__hero-cards { + display: flex; + gap: 20px; + flex-direction: column; +} +.licensing__hero-card { + flex: 1 0; + background: #ffffff; + border-radius: 5px; + overflow: hidden; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); +} +.licensing__hero-card-icon { + color: #c0d6e8; +} +.licensing__hero-card-license-terms { + padding: 30px 30px; + display: flex; + gap: 20px; + flex-direction: column; +} +.licensing__hero-card-license-term { + display: flex; + column-gap: 10px; +} +.licensing__license-info { + display: flex; + gap: 20px; + align-items: center; + background: none; + margin-bottom: 45px; + flex-direction: column; +} +.licensing__license-graphic { + flex: 1 0; + width: auto; +} +.licensing__license-description { + flex: 2 0; +} +/* Licensing CTA Button */ +.licensing__cta { + padding: 3em 0; +} +.licensing__cta-button { + font-size: 15px; + background-color: #005596; + font-weight: bold; + border-radius: 5px; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); + display: inline-block; + margin: 0 auto; +} +.licensing__cta h4 { + margin-top: 0; + margin-bottom: 20px; +} +.licensing__cta-button a { + color: #ffffff; + padding: 8px 15px; + display: inline-block; +} +.licensing__cta-button a:hover, +.licensing__cta-button a:focus { + text-decoration: none; +} +/* Licensing Chart */ +.licensing__comparison-chart { + overflow-x: scroll; +} +/* Media Queries */ +/* Small devices (landscape phones, 576px and up)*/ +@media (min-width: 576px) { + .licensing__license-graphic { + /* Matches max-size of image from previous breakpoint for value < 576 */ + max-width: 528px; + /* Creates smooth transition */ + } +} +/* Medium devices (tablets, 768px and up) */ +@media (min-width: 768px) { + .licensing__license-info { + flex-direction: row; + align-items: flex-start; + } + .licensing__license-info--flipped .licensing__license-graphic { + order: 2; + } +} +/* Large devices (desktops, 992px and up) */ +@media (min-width: 992px) { + .licensing__license-info { + align-items: center; + } + .licensing__comparison-chart { + overflow-x: visible; + } + .licensing__hero-cards { + flex-direction: row; + } +} +/* Button: Back to Top */ +.btn__back-to-top { + display: inline-block; + position: fixed; + color: #ffffff; + bottom: 30px; + right: 30px; + width: 40px; + height: 40px; + line-height: 40px; + background-color: #368ccb; + text-align: center; + font-size: 28px; + border-radius: 4px; + opacity: 0; + visibility: hidden; + z-index: 500; + transition: background-color 0.2s, opacity 0.5s, visibility 0.5s; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); +} +.btn-show { + opacity: 1; + visibility: visible; +} +.btn-show--absolute { + position: absolute; +} +.btn__back-to-top:hover { + cursor: pointer; + background-color: #005596; + color: #ffffff; +} +.btn__back-to-top:active { + background-color: #84c2ea; +} +.licensing__hero-card-title { + font-size: 18px; + background: #25325b; + color: #e7edf5; + font-weight: 600; + padding: 10px 20px; + text-transform: none; +} +.clearfix:before, +.clearfix:after, +.dl-horizontal dd:before, +.dl-horizontal dd:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after { + content: " "; + display: table; +} +.clearfix:after, +.dl-horizontal dd:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.panel-body:after, +.modal-footer:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; +} +@-ms-viewport { + width: auto !important; +} +.clear { + clear: both; +} +.no-gutter > [class*='col-'] { + padding-right: 0; + padding-left: 0; +} +iframe[name=google_conversion_frame] { + display: none; +} +.link-disabled { + color: #eeeeee; + cursor: default; + pointer-events: none; +} +.link-disabled:hover, +.link-disabled:focus { + color: #eeeeee; + text-decoration: none; +} +.lower-case { + text-transform: lowercase; +} +.legal, +.legal * { + font-size: 14px; + font-style: italic; +} +.llCompany { + font-size: 85%; +} +.spacerhalf { + padding-top: 12px; +} +.spacer { + padding-top: 24px; +} +.doublespacer { + padding-top: 48px; +} +.clearforaction { + clear: both; + padding-top: 150px; +} +.visible-portrait { + display: none !important; +} +.visible-landscape { + display: none !important; +} +.visible-phone { + display: none !important; +} +.visible-tablet { + display: none !important; +} +.hidden-desktop { + display: none !important; +} +.visible-desktop { + display: inherit !important; +} +@media (min-width: 768px) and (max-width: 979px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important ; + } + .visible-tablet { + display: inherit !important; + } + .hidden-tablet { + display: none !important; + } +} +@media (max-width: 767px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important; + } + .visible-phone { + display: inherit !important; + } + .hidden-phone { + display: none !important; + } +} +@media (min-width: 501px) and (max-width: 767px) { + .visible-landscape { + display: block !Important; + } + .hidden-landscape { + display: none !important; + } +} +@media (max-width: 500px) { + .visible-portrait { + display: inherit !important; + } + .hidden-portrait { + display: none !important; + } +} +p:empty { + margin: 0; +} +#imgWrapper { + bottom: 5%; + top: 3%; + height: 100vh; + width: 100%; + margin: 0; + z-index: 1000; + opacity: 1; + border: 1px solid transparent; + outline: none; +} +#imgWrapper.fade { + -webkit-transition: opacity .3s linear, top .3s ease-out; + -o-transition: opacity .3s linear, top .3s ease-out; + transition: opacity .3s linear, top .3s ease-out; + top: -25%; +} +#imgWrapper.fade.in { + top: 10%; +} +#imgWrapper img { + height: auto !important; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1000; + background-color: #000000; + opacity: 0.9; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.85; + filter: alpha(opacity=85); +} +.modal-backdrop.in { + opacity: 0.85; +} +.modalBox { + margin-left: -1px; + margin-top: -1px; + margin-right: -1px; + padding: 10px; +} +.modalBox img { + background-color: #ffffff; +} +.modalInnerDiv .btn { + font-size: 1.33333333em; +} +#imgCon { + border: 1px solid transparent; + text-align: center; + height: 80%; +} +#imgCon img { + max-width: 100%; + max-height: 100% !important; + height: auto !important; + position: relative; + top: 50%; + transform: translateY(-50%); +} +@media (max-height: 850px) { + #imgCon { + height: 70%; + } +} +@media (max-width: 760px) { + #imgCon { + height: 60%; + } +} +@media (max-width: 560px) { + #imgCon { + height: 40%; + } +} +#imgNav { + border: 1px solid transparent; +} +#imgNav .btn + .btn { + margin-left: 5px; +} +#imgCap { + border: 1px solid transparent; + text-align: center; +} +#imgCap p { + color: #ffffff; +} +#navBtns { + border: 1px solid transparent; + height: 40px; +} +.modalInnerDiv { + width: 100%; + margin-left: 0; + max-width: 55em; + margin: 0 auto; + text-align: left; + border-left: 1px solid rgba(255, 255, 255, 0.19); + padding-left: 1em; +} +#prevBtn { + color: #ffffff; + background: transparent; + box-shadow: none; + border: none; + padding: 30px; + font-size: 5em; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); +} +#nextBtn { + color: #ffffff; + background: transparent; + box-shadow: none; + border: none; + padding: 30px; + font-size: 5em; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); +} +#close-button { + font-size: 2em; + color: #ffffff; + background: transparent; + border: none; + box-shadow: none; + position: absolute; + top: 0; + right: 0; + padding: 0; + line-height: 70px; + margin: 0; + width: 70px; + height: 70px; +} +#nextBtn:hover, +#prevBtn:hover { + background: transparent; + color: #84c2ea; +} +#close-button:hover { + background: transparent; + color: #84c2ea; +} +.greyButton { + color: #999999 !important; +} +@-ms-viewport { + width: device-width; +} +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg { + display: none !important; +} +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } +} +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } +} +@media (max-width: 767px) { + .visible-xs-inline-block { + display: inline-block !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-block { + display: block !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline { + display: inline !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline-block { + display: inline-block !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-block { + display: block !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline { + display: inline !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline-block { + display: inline-block !important; + } +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg-block { + display: block !important; + } +} +@media (min-width: 1200px) { + .visible-lg-inline { + display: inline !important; + } +} +@media (min-width: 1200px) { + .visible-lg-inline-block { + display: inline-block !important; + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +.visible-print-block { + display: none !important; +} +@media print { + .visible-print-block { + display: block !important; + } +} +.visible-print-inline { + display: none !important; +} +@media print { + .visible-print-inline { + display: inline !important; + } +} +.visible-print-inline-block { + display: none !important; +} +@media print { + .visible-print-inline-block { + display: inline-block !important; + } +} +@media print { + .hidden-print { + display: none !important; + } +} +span.validator-error { + margin-top: -15px; + margin-bottom: 15px; + display: block; + color: #e65e30; + font-style: italic; +} +#terms + span.validator-error { + display: inline; +} +label.text-input-label { + display: block; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 15px; + line-height: 1.5; + color: #585858; + margin: 0; + padding: 0; +} +input.text-input, +select.select { + height: 35px; +} +textarea.text-input-multiline { + min-height: 80px; +} +input.text-input, +textarea.text-input-multiline, +select.select { + width: 100%; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border: 1px solid #dddddd; + transition: 0.2s; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + padding: 2px 8px; + margin: 4px 0 15px; + background-color: #f2f2f2; +} +input.text-input:focus, +textarea.text-input-multiline:focus, +select.select:focus { + background-color: #ffffff; + outline: none; + border: 1px solid #dddddd; + box-shadow: 0 0 10px #e5e5e5; + -moz-box-shadow: 0 0 10px #e5e5e5; + -webkit-box-shadow: 0 0 10px #e5e5e5; +} +::-webkit-input-placeholder { + font-size: 15px; + color: #999999; + text-align: left; + font-weight: normal; +} +:-moz-placeholder { + /* older Firefox*/ + font-size: 15px; + color: #999999; + text-align: left; + font-weight: normal; +} +::-moz-placeholder { + /* Firefox 19+ */ + font-size: 15px; + color: #999999; + text-align: left; + font-weight: normal; +} +:-ms-input-placeholder { + font-size: 15px; + color: #999999; + text-align: left; + font-weight: normal; +} +label.checkbox-input-label, +label.radio-input-label { + display: inline-block; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 15px; + line-height: 1.5; + color: #585858; +} +input[type="checkbox"].checkbox-input, +input[type="radio"].radio-input { + margin-right: 8px; +} +label.radio-input-label { + margin-right: 30px; +} +span.casl-consent { + font-size: 0.9em; +} +textarea.input-error { + border: 2px solid #eea342; + box-shadow: 0 0 10px #ffd999; + -moz-box-shadow: 0 0 10px #ffd999; + -webkit-box-shadow: 0 0 10px #ffd999; +} +ul.input-error { + list-style: none; + margin-top: -15px; + padding: 0; +} +ul.input-error li { + list-style: none; + margin: 5px 0; + padding: 0; + color: #eea342; + font-weight: 800; +} +.form-errors { + margin: 0; + padding: 0; +} +.access-login-form-title { + text-transform: uppercase; + font-weight: 600; + font-size: 1.4em; + line-height: 1.6em; + color: #999999; +} +label[for="terms"] { + display: inline; + padding-left: 5px; +} +@media (max-width: 767px) { + .access-login-form-title { + font-size: 1.2em; + line-height: 1.4em; + } +} +.invalid-input { + -moz-box-shadow: 0 0 2px 1px #f19986; + -webkit-box-shadow: 0 0 2px 1px #f19986; + box-shadow: 0 0 2px 1px #f19986; + background-color: #f19986 !important; +} +hr.form { + margin: 12px 0; +} +/* Custom Checkboxes, used on the e-mail pref page */ +.cm-checkbox input[type="checkbox"] { + position: absolute; + width: 14px; + height: 14px; + overflow: hidden; + opacity: 0; + margin: 0; + padding: 0; + border: 0; + outline: 0; +} +.cm-checkbox label { + position: relative; + display: inline-block; + padding-left: 25px; +} +.cm-checkbox label p { + font-size: 13px; +} +.cm-checkbox label:first-of-type { + margin-top: 0px; +} +.cm-checkbox label::before, +.cm-checkbox label::after { + position: absolute; + margin-top: 2px; + content: ""; + /*Needed for the line-height to take effect*/ + display: inline-block; +} +/*Outer box of the fake checkbox*/ +.cm-checkbox label::before { + height: 16px; + width: 16px; + background-color: #f9f9f9; + border: 1px solid #999999; + border-radius: 3px; + left: 0px; + /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border + *to vertically center it. + */ + top: 3px; +} +/*Checkmark of the fake checkbox*/ +.cm-checkbox label::after { + height: 5px; + width: 9px; + border-left: 2px solid; + border-bottom: 2px solid; + border-color: #e4fde9; + transform: rotate(-45deg); + left: 4px; + top: 7px; +} +.cm-checkbox input[type="checkbox"]:checked + label::before { + background-color: #35cc55; + border: 1px solid #009688; +} +.cm-checkbox-neutral input[type="checkbox"]:checked + label::before { + background-color: #999999; + border: 1px solid #333333; +} +/*Hide the checkmark by default*/ +.cm-checkbox input[type="checkbox"] + label::after { + content: none; +} +/*Unhide on the checked state*/ +.cm-checkbox input[type="checkbox"]:checked + label::after { + content: ""; +} +/*Adding focus styles on the outer-box of the fake checkbox*/ +.cm-checkbox input[type="checkbox"]:focus + label::before { + border: #368ccb auto 5px; +} +/*====================================== +Color Palette +======================================*/ +.page_heading * { + margin: 0; + padding: 0; +} +.page_heading { + margin-bottom: 0; +} +.modelDb-body-wrap h3 { + font-weight: 400; +} +/*====================================== +Variables +======================================*/ +.card { + background-color: #ffffff; + border-radius: 5px; + box-shadow: 0px 7px 6px -5px rgba(0, 0, 0, 0.2); +} +.default_btn { + color: #ffffff; + display: inline-block; + max-width: 290px; + text-align: center; + padding: 5px 40px; + margin-left: 5px; + border: none; + border-radius: 5px; + font-weight: 800; + text-transform: none; +} +.default_btn:active, +.default_btn:visited, +.default_btn:hover { + opacity: 0.85; + color: #ffffff; + text-decoration: none; +} +.default_btn:focus { + text-decoration: none; + color: #ffffff; +} +/*Bg colors ----------------------- +----------------------------------*/ +.clearfix::after, +.dl-horizontal dd::after, +.container::after, +.container-fluid::after, +.row::after, +.form-horizontal .form-group::after, +.btn-toolbar::after, +.btn-group-vertical > .btn-group::after, +.nav::after, +.navbar::after, +.navbar-header::after, +.navbar-collapse::after, +.panel-body::after, +.modal-footer::after { + content: ""; + clear: both; + display: table; +} +.module__products-wrapper .default_btn { + max-width: none; + margin: 5px 5px 5px 0; + padding: 5px 10px; + font-weight: 600; +} +.products__btn--recommended { + background-color: #e65e30; +} +/*====================================== +Page Heading +======================================*/ +.page_heading__title, +.page_heading__title a { + display: inline-block; + font-size: 32px; + font-weight: 900; + color: #585858; +} +.page_heading__title_wrappr, +.page_heading__subtitle_wrappr { + padding: 20px 30px; +} +.page_heading__title_wrappr { + border-bottom: 5px solid #555555; +} +.no-border { + border-bottom: none; +} +.right_content_wrappr { + float: right; + display: flex; + justify-content: space-between; +} +.page_heading__subtitle_wrappr { + width: 100%; + color: #ffffff; + font-size: 16px; + padding-top: 0; + padding-bottom: 11px; + background-color: #a7b0c1; + box-shadow: inset 0 38px 6px -40px rgba(0, 0, 0, 0.3), inset 0 18px 0 -8px rgba(255, 255, 255, 0.4); +} +.page_heading__subtitle_wrappr p { + font-weight: bold; + color: inherit; + padding-top: 0; + line-height: 24px; + display: inline-block; +} +.page_heading__subtitle_wrappr .right_content__wrappr, +.page_heading__subtitle_wrappr .page_heading__subtitle { + display: inline-block; + margin-top: 20px; + margin-bottom: 5px; +} +.page_heading__subtitle_wrappr span { + vertical-align: text-top; + display: inline-block; +} +.page_heading__os_platforms { + padding-top: 6px; +} +.page_heading__os_platforms li { + display: inline-block; + margin-left: 5px; +} +.page_heading__os_platforms li a { + color: #eea342; + opacity: 0.75; +} +.page_heading__os_platforms li a:hover { + opacity: 1; +} +@media (max-width: 992px) { + .page_heading__title, + .page_heading__title a { + font-size: 23px; + } + .right_content_wrappr { + justify-content: start; + margin-top: 10px; + width: 100%; + } + .page_heading__subtitle + .right_content_wrappr { + padding-top: 0; + margin-top: 0; + } + .page_heading__subtitle_wrappr span { + display: block; + margin: 0; + } + .page_heading__subtitle_wrappr span a button { + margin-top: 10px; + } + .default_btn { + padding: 5px 32px; + } +} +/*====================================== +SideNav Form +======================================*/ +.modelDb_sidenav { + padding: 0; +} +.modelDb_sidenav .select2-container .select2-choice { + background-image: none; + font-size: 14px; + height: 34px; + line-height: 32px; + border: none; + border: 1px solid #dddddd; + border-radius: 5px; +} +.modelDb_sidenav .select2-container .select2-choice abbr { + top: 11px; + right: 31px; + border-radius: 25px; + background-color: rgba(218, 57, 116, 0.25); + padding: 7px; +} +.modelDb_sidenav .select2-container .select2-choice .select2-chosen { + color: #999999 !important; +} +.modelDb_sidenav .select2-container .select2-choice .select2-arrow { + width: 30px; + border-left: 1px solid #dddddd; +} +.modelDb_sidenav .select2-container .select2-choice .select2-arrow b { + background-position: 6px 3px; +} +.modelDb_sidenav .modeldb_sidenav__heading, +.modelDb_sidenav .modeldb_sidenav__main_heading { + color: #ffffff; + font-weight: 600; + padding: 15px 20px 15px 20px; +} +.modelDb_sidenav .modeldb_sidenav__main_heading { + background-color: #585858; + border-bottom: 0 !important; +} +.modelDb_sidenav .modeldb_sidenav__heading { + background-color: #999999; + padding: 17px 20px; + border-bottom: 0; +} +.modelDb_sidenav .modeldb_sidenav__user_io { + padding: 0 13px; +} +.modelDb_sidenav .modeldb_sidenav__user_io input { + padding: 0 !important; + padding: 7px 5px !important; + margin-bottom: 0; + border: none; + outline: none; + border: 1px solid #dddddd; + border-radius: 5px; +} +.modelDb_sidenav .modeldb_sidenav__user_io input:focus { + border: 1px solid #a7b0c1; + border-radius: 5px; +} +.modelDb_sidenav .modeldb_sidenav__user_io .spacer { + padding-top: 15px; +} +.modelDb_sidenav .modeldb_sidenav__user_io #conferenceFilterBtn { + color: #ffffff; + display: inline-block; + max-width: 290px; + text-align: center; + padding: 5px 40px; + margin-left: 5px; + border: none; + border-radius: 5px; + font-weight: 800; + text-transform: none; + display: block; + margin: 30px auto; + background-color: #388090; +} +.modelDb_sidenav .modeldb_sidenav__user_io #conferenceFilterBtn:active, +.modelDb_sidenav .modeldb_sidenav__user_io #conferenceFilterBtn:visited, +.modelDb_sidenav .modeldb_sidenav__user_io #conferenceFilterBtn:hover { + opacity: 0.85; + color: #ffffff; + text-decoration: none; +} +.modelDb_sidenav .modeldb_sidenav__user_io #conferenceFilterBtn:focus { + text-decoration: none; + color: #ffffff; +} +.modelDb_sidenav .modelDb_sidenav__resources { + background-color: rgba(68, 175, 105, 0.07); +} +.modelDb_sidenav .modelDb_sidenav__resources .modelDb_sidenav__h5 { + color: #999999; + padding: 15px 15px; + margin-top: 5px; + margin-bottom: 0; + line-height: 1.5; + font-size: 14px; + text-align: left; + border-top: 0.25px solid #44af69; + background-color: rgba(68, 175, 105, 0.13); +} +.modelDb_sidenav .modelDb_sidenav__resources ul { + padding: 15px 0 15px 25px; +} +.modelDb_sidenav .modelDb_sidenav__resources ul li { + list-style: none; +} +.modelDb_sidenav .modelDb_sidenav__resources ul li a:hover::before { + left: -10px; +} +.modelDb_sidenav .modelDb_sidenav__resources ul li a::before { + content: "\f101"; + color: #44af69; + font-family: FontAwesome; + display: inline-block; + position: absolute; + width: 0; + height: 0; + margin: 0; + left: -12px; + top: 0; + border-radius: 100%; + background-color: #dddddd; + transition: background 0.25s ease; +} +.select2-drop-active { + border: 0 solid transparent !important; +} +/*====================================== +User Presentation Introduction Card +======================================*/ +.model_db__introduction { + padding: 30px 30px 25px 30px; + line-height: 24px; +} +.model_db__currentYear { + padding: 0; +} +.model_db__currentYear_banner { + padding-top: 200px; + background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 19%, transparent 29%), url("https://cdn.comsol.com/conference/2019/hero-images/COMSOL_Conference_Web_Presentations_847x289.png") no-repeat center center, #25325b; + background-size: cover; +} +.model_db__currentYear_desc { + padding: 30px; +} +.model_db__currentYear_desc p:last-of-type { + font-size: 13px; + font-style: italic; + margin-bottom: 0; +} +.model_db__currentYear-banner-heading { + margin-top: 0; + margin-bottom: 0.25em; +} +.model_db__currentYear-banner-subheading { + margin-top: 0; + margin-bottom: 1.25em; + line-height: 1.5; +} +.model-db__collection-item { + float: left; + padding: 0 10px; + border-left: 1px solid #dddddd; +} +.model-db__collection-item:first-child { + padding-left: 0; + border-left: none; +} +.model_db__currentYear_cta { + max-width: none; +} +.model-db__intro_cta { + font-size: 15px; + display: inline-block; +} +.model-db__intro_cta:hover { + text-decoration: none; +} +.user-story-gallery-container { + display: table; + width: 100%; + margin-top: 20px; + text-align: center; + background-color: #e7edf5; + padding: 10px; + border: 1px solid #dddddd; +} +.user-story-gallery-container a:hover img { + transform: translateY(-5px); + box-shadow: 0 8px 14px -6px #000000; +} +.user-story-gallery-container img { + box-shadow: 0 7px 13px -6px #000000; + transition: transform 0.15s ease 0.1s, box-shadow 0.15s ease 0.12s; +} +.model_db__read_more { + text-transform: lowercase; +} +@media (max-width: 529px) { + .user-story-gallery-container a { + padding: 20px 10px; + } + .user-story-gallery-container a figure img { + padding: 0 0; + } +} +/*====================================== +Filter Tags +======================================*/ +span[class$="tag"] { + display: inline-block; + margin-right: 5px; + padding-left: 6px; + font-size: 14px; + border-bottom: 1px solid; +} +span[class="close-tag"] { + border-radius: 21px; + padding: 1px 8px; + border-bottom: none; + text-align: center; + margin: 0 0 0 9px; + cursor: pointer; +} +span[class="close-tag"]:hover { + color: #d61e57; + background-color: rgba(218, 57, 116, 0.25); +} +.clear-model_db_filtertag { + display: inline-block; + margin-left: -12px; + margin-top: 15px; + cursor: pointer; + border-radius: 21px; + padding: 3px 7px; + background-color: rgba(204, 204, 204, 0.8); + border-bottom: 0 !important; +} +.clear-model_db_filtertag:hover { + background-color: rgba(204, 204, 204, 0.5); +} +.model_db__sort { + margin: 0; + margin-right: -15px; +} +.model_db__sort button { + font-size: 0.8em; +} +.model_db__sort button:focus { + border: 1px solid #44af69; + background-color: rgba(68, 175, 105, 0.25); +} +.clear-filters { + padding: 10px 0 0 0; +} +.model_db_filtertag:first-child { + margin-left: -10px; +} +@media (max-width: 1200px) { + span[class$="tag"] { + font-size: 13px; + } + span[class$="tag"] span[class="close-tag"] { + padding: 2px 8px; + } +} +.modelDbBg .alert { + border-radius: 5px; +} +.modelDbBg .alert-warning { + margin-top: 50px; + border-left: 11px solid; + background-color: rgba(253, 185, 19, 0.1); + border-color: #eea342; + color: #eea342; +} +/*====================================== +Models +======================================*/ +.model_db__title { + font-size: 0.65em; + font-weight: 700; +} +.model_db__author p { + line-height: 1.3; +} +.model_db__author p em { + font-size: 0.8em; + color: #f19986; +} +.model_db__author--stories p { + line-height: 18px; +} +.model_db__author--stories p em { + font-size: 0.8em; + color: #a4a7b6; + font-weight: 500; +} +.model_db__h3 { + margin-bottom: 13px; + line-height: 17px; +} +.model_db_card_heading { + margin-top: 0; + margin-bottom: 20px; + line-height: 1.5; +} +.model_db_card_heading + .model_db_card_sbheading, +.model_db_card_heading + .model_db_author--stories { + color: #a4a7b6; + font-size: 13px; +} +.model-card__author-info { + font-size: 0.85em; + font-style: italic; + color: #a4a7b6; +} +.model-card__pub-date { + font-size: 0.85em; + font-style: italic; + text-align: right; +} +.model_db__introduction .first { + margin-top: 0; +} +.model_db__introduction p, +.modelDb-body-wrap p, +.model_db__model_desc { + color: #585858; +} +.model_db__downloadables { + padding: 0; +} +.model_db__downloadables h4 { + color: #a4a7b6; +} +.model_db__downloadables ul li { + border-bottom: 1px solid #dddddd; +} +.model_db__downloadables ul li a[href*="download"] { + font-weight: 700; + font-size: 14px; + display: inline-block; + padding: 10px 0; +} +.model_db__downloadables ul li a[href*="download"]:hover { + text-decoration: none; +} +.model_db__new { + position: absolute; + top: 41px; + background-color: #44af69; + color: #ffffff; + right: -25px; + font-size: 12px; + text-transform: capitalize; + padding: 2px 10px; +} +.model_db_imgbox { + padding-top: 25px; +} +.model_db_imgbox a { + display: block; + text-align: center; +} +.model_db_imgbox a img { + transition: transform 0.1s ease; +} +.model_db_imgbox a img:hover { + transform: scale(1.08, 1.08); + -ms-transform: scale(1.08, 1.08); + -webkit-transform: scale(1.08, 1.08); +} +.model_db_imgbox a img:active { + transform: scale(1); + -ms-transform: scale(1); + -webkit-transform: scale(1); +} +.model_db__model_content img { + border-radius: 5px; +} +@media (max-width: 992px) { + .model_db_imgbox { + border-bottom: 1px solid #f9f9f9; + margin-bottom: 20px; + padding-bottom: 30px; + } + .model_db__model_content { + display: flex; + flex-direction: column; + } + .model_db__model_content .col-md-8 { + order: 2; + } + .model_db__model_content .col-md-4 { + order: 1; + padding: 15px 0 30px 0; + } + .model_db__model_content .col-md-4 img { + border-radius: 5px; + } + .model_db__model_content .col-md-4 small { + padding: 0 15%; + text-align: center; + display: inline-block; + } +} +.paginationControl .pagePrev a, +.paginationControl .pageNext a, +.paginationControl .pagePrev span, +.paginationControl .pageNext span { + background-color: #dddddd; + border-radius: 21px; + padding: 6px 20px; +} +.hr-0-top-margin hr { + margin-top: 14px; +} +@media (max-width: 767px) { + .model-card__author-info { + margin-bottom: 1em; + } + .model-card__pub-date { + text-align: left; + } +} +.artice-intro-figure-1 img { + max-width: 50%; +} \ No newline at end of file diff --git a/comsol/css/bootstrap3-external-blessed1-1668433583.css b/comsol/css/bootstrap3-external-blessed1-1668433583.css new file mode 100644 index 0000000..bbe4a1a --- /dev/null +++ b/comsol/css/bootstrap3-external-blessed1-1668433583.css @@ -0,0 +1,17173 @@ +.conf-find-location:hover, +.conf-find-location:focus { + color: #333333; + background: #ffffff; + text-decoration: none; +} +.conf-home-arrow { + position: relative; + top: 0; + padding-top: -80px; + margin: 0 0 80px 0; + left: 48%; + width: 100px; + border-left: 50px solid transparent; + border-right: 50px solid transparent; + border-top: 50px solid #ffffff; +} +#conf-abstract-confirmation { + background: #ffffff; + padding: 50px 0 100px; +} +#conf-abstract ol a { + color: #dddddd; + text-decoration: underline; +} +#myConference { + background: #ffffff; + padding-top: 50px; + padding-bottom: 0; +} +#myConference table, +#myConference td, +#myConference th { + text-align: left; +} +#myConference .form-errors li { + color: #368ccb; +} +#myConference hr { + background: #f2f2f2; + border: none; + height: 2px; +} +#myConference .conf-p-small { + color: #333333; +} +#myConference .conf-btn-sharp { + margin: 10px 0px; + min-height: 80px; +} +#myConference .version-tabs { + text-align: center; + border-bottom: 2px solid #999999; + margin-top: 30px; +} +#myConference .version-tab { + padding: 10px 30px; + font-size: 1.2em; + font-weight: 400; + text-align: center; + display: inline-block; + margin: 0 15px -2px 15px; + background-color: #ffffff; + color: #999999; +} +#myConference .version-tab:hover, +#myConference .version-tab:focus { + background-color: #999999; + color: #ffffff; + text-decoration: none; +} +#myConference .version-tab.active { + border: 2px solid #999999; + border-bottom: 2px solid #ffffff; + font-weight: 800; + color: #333333; +} +#myConference .version-tab.active:hover, +#myConference .version-tab.active:focus { + background-color: #ffffff; + color: #333333; + text-decoration: none; +} +#myConference .product-dl { + border-radius: 4px; + -webkit-border-radius: 4px; + transition: 0.3s; + -webkit-transition: 0.3s; + border: 2px solid; + padding: 5px 30px; + font-size: 1.2em; + font-weight: 400; + text-align: center; + display: inline-block; + margin: 10px; + border-color: #59aa47; + background-color: #ffffff; + color: #59aa47; +} +#myConference .product-dl:hover, +#myConference .product-dl:focus { + background-color: #59aa47; + color: #ffffff; + text-decoration: none; +} +#myConference .conf-reg-dropdown { + position: absolute; + left: 50%; + margin-left: -130px; +} +#myConference .conf-status-box { + background: #dddddd; + border-radius: 3px; + border: 1px solid #ebebeb; + margin: 10px 0; + padding: 20px; + transition: 0.3s; + text-align: center; + min-height: 260px; +} +#myConference .conf-status-box:hover { + background: #eeeeee; + box-shadow: #dddddd 0px 1px 2px; +} +#myConference .conf-status-box h4 { + text-transform: uppercase; + font-size: 1.2em; + line-height: 1em; + font-weight: 600; +} +#myConference .conf-status-box a { + padding: 8px 10px; + font-weight: 600; + font-size: 1.2em; +} +#myConference .conf-status-circle { + font-family: FontAwesome; + font-size: 4em; + font-weight: normal; + text-align: center; + display: block; + margin: 5px auto; + color: #dddddd; +} +#myConference .conf-status-circle.small { + font-size: 1.75em; +} +#myConference .conf-status-circle.confirmed { + color: #59aa47; +} +#myConference .conf-status-circle.confirmed:before { + content: "\f058"; +} +#myConference .conf-status-circle.not-confirmed { + color: #f19986; +} +#myConference .conf-status-circle.not-confirmed:before { + content: "\f056"; +} +#myConference .mc-abstract-heading { + background: #eeeeee; + border-radius: 3px; + border: 1px solid #ebebeb; + margin: 10px 0; + padding: 8px 20px; + transition: 0.3s; + font-weight: 400; + font-size: 1.6em; + text-transform: uppercase; + color: #333333; +} +#myConference .mc-abstract-heading:hover, +#myConference .mc-abstract-heading:focus, +#myConference .mc-abstract-heading:active { + background: #f9f9f9; + box-shadow: #dddddd 0px 1px 2px; + text-decoration: none; + color: #333333; + cursor: pointer; +} +#myConference .conf-th-large, +#myConference .conf-th-small, +#myConference td, +#myConference th, +#myConference a, +#myConference td a { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +#myConference td, +#myConference th.review-title-col { + vertical-align: middle; +} +#myConference .abstract-review-col { + min-width: 120px; +} +#myConference .abstract-session-col { + min-width: 157px; +} +#myConference .conf-abstract-action-col { + width: 20%; + text-align: right !important; +} +#myConference .conf-paperPoster-table { + background: #eeeeee; + border: 1px solid #dddddd; + width: 100%; +} +#myConference .conf-paperPoster-table .conf-file-cell { + text-align: left; + width: 30%; + padding-left: 30px; +} +#myConference .conf-paperPoster-table .abstract-action-col { + width: 20%; + text-align: right; +} +#myConference .conf-paperPoster-table td.border-right { + border-right: 1px solid #dddddd; +} +#myConference .conf-document-blue { + margin: 8px 10px; + padding: 5px; +} +#myConference .conf-first-column { + width: 30%; +} +#myConference .conf-th-large { + font-size: 1.2em; + font-weight: 600; + width: 30%; + text-align: left; +} +#myConference .conf-th-small { + font-size: 1.1em; + font-weight: 600; + width: 12.5%; + text-align: center; +} +#myConference .conf-grey-bg { + background-color: #eeeeee; + border-top: 1px solid #dddddd; + padding: 20px; +} +#myConference td a { + font-weight: 600; + font-size: 1.1em; +} +#myConference td a i { + padding: 0px 15px; +} +#myConference .link-disabled { + display: none; +} +#myConference table { + margin-bottom: 0; +} +#myConference a.conf-paperPoster-add { + text-align: right; +} +#myConference .conf-paperPoster-add { + font-size: 0.9em; + font-weight: normal; +} +#myConference .conf-paperPoster-add i { + padding-right: 5px; +} +#myConference .review-title-col { + width: 250px; +} +#myConference .review-comment-col { + width: 300px; +} +#myConference .review-comment-col textarea { + resize: none; + height: 60px; +} +#myConference .review-btn-col { + width: 60px; +} +#myConference .minicourse-options { + width: 400px; + margin: 0 auto; + text-align: center; +} +#myConference .minicourse-options a { + display: inline-block; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-weight: 600; + font-size: 1.5em; +} +#myConference .minicourse-options span { + display: inline-block; + margin-right: 18px; + margin-left: 18px; + border: none; + height: 15px; + width: 2px; + background-color: #999999; +} +#myConference .reg-status-text { + display: block; + text-align: center; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 1.8em; + font-weight: 600; +} +#myConference .reg-status-text i { + color: #59aa47; + margin-right: 10px; +} +.conf-mini-table { + font-size: 1.1em; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +.conf-mini-table thead { + background: #c0d6e8; +} +.conf-mini-table .remove-title, +.conf-mini-table .remove-btn { + text-align: center; +} +.conf-mini-add { + padding: 0 8px; + color: #59aa47; + font-family: FontAwesome; + transition: 0.2s; + -webkit-transition: 0.2s; +} +.conf-mini-add:before { + content: "\f055"; +} +.conf-mini-add:hover, +.conf-mini-add:focus { + cursor: pointer; + color: #93be57; +} +.conf-mini-delete { + padding: 0 8px; + color: #f19986; + font-family: FontAwesome; + transition: 0.2s; + -webkit-transition: 0.2s; +} +.conf-mini-delete:before { + content: "\f056"; +} +.conf-mini-delete:hover, +.conf-mini-delete:focus { + cursor: pointer; + color: #f19986; +} +.conf-minicourse-thead, +.conf-minicourse-tbody { + font-size: 1.1em; +} +.conf-minicourse-thead { + background: #c0d6e8; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +.conf-minicourse-thead .time { + width: 80%; +} +.conf-minicourse-thead .edit { + width: 20%; + text-align: center; +} +.conf-minicourse-tbody { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +.conf-minicourse-tbody .course-title { + width: 80%; +} +.conf-minicourse-tbody .radio-btn { + width: 20%; + text-align: center; +} +#conf-minicourses { + padding: 80px 0; + background: #ffffff; +} +#conf-minicourses .panel a, +#conf-minicourses .panel a:hover, +#conf-minicourses .panel a:focus { + text-decoration: none; +} +#conf-minicourses .panel, +#conf-minicourses .panel-heading, +#conf-minicourses .panel-body { + border: none; +} +#conf-minicourses .panel-heading { + background: #eeeeee; +} +#conf-minicourses .panel-title { + font-weight: 800; + font-size: 1em; + padding-left: 20px; + padding-right: 20px; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + color: #585858; +} +@media (max-width: 767px) { + #conf-minicourses .panel-title { + font-size: 1.1em; + } +} +#conf-minicourses .panel-body { + background: #f2f2f2; + padding: 30px 35px; +} +#conf-minicourses .panel-body .conf-p-small { + font-size: 1.15em; +} +#conf-minicourses .minicourse-panel-carat { + display: block; + float: right; + font-family: FontAwesome; + font-weight: normal; + font-size: 1.2em; +} +#conf-minicourses .minicourse-panel-carat:before { + content: "\f0d8"; +} +#conf-minicourses a.collapsed .minicourse-panel-carat:before { + content: "\f0d7"; +} +.conf-minicourse-time { + margin-bottom: 8px; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 1em; + font-weight: 400; + color: #999999; + text-align: right; +} +.conf-minicourse-menu { + background: #84c2ea; + padding: 5px; + margin-top: 40px; + border: none; + border-radius: 4px; + -webkit-border-radius: 4px; +} +.conf-minicourse-menu ul { + text-align: center; + margin-bottom: 0; + padding-left: 0; + -webkit-padding-start: 0; +} +.conf-minicourse-menu ul li { + display: inline-block; + list-style: none; + vertical-align: middle; + padding: 10px 20px; + margin-top: 3px; + margin-bottom: 1px; +} +@media (max-width: 767px) { + .conf-minicourse-menu ul li { + padding: 2px; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .conf-minicourse-menu ul li { + padding: 2px 5px; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .conf-minicourse-menu ul li { + padding: 8px 10px; + } +} +.conf-minicourse-menu li.active a { + background: #ffffff; + color: #0079c1; + text-decoration: none; +} +.conf-minicourse-menu a { + background: #0079c1; + padding: 8px 25px; + margin: 0; + border-radius: 4px; + -webkit-border-radius: 4px; + color: #ffffff; + font-weight: 400; + font-size: 1.25em; + letter-spacing: 0.01em; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + text-align: center; + border: none; + transition: 0.3s; + -webkit-transition: 0.3s; +} +@media (max-width: 767px) { + .conf-minicourse-menu a { + padding: 2px 10px; + font-size: 1.2em; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .conf-minicourse-menu a { + padding: 3px 15px; + font-size: 1.3em; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .conf-minicourse-menu a { + padding: 6px 20px; + } +} +.conf-minicourse-menu a:hover, +.conf-minicourse-menu a:focus, +.conf-minicourse-menu a:active { + background: #ffffff; + color: #0079c1; + text-decoration: none; +} +.conf-minicourse-hands-on { + margin-top: 5px; + margin-bottom: 15px; + color: #44af69; + font-size: 1.2em; + font-weight: 400; +} +.conf-minicourse-hands-on i { + padding-right: 10px; +} +.conf-mini-prev-next { + background: none; + border: none; + color: #0079c1; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 1.2em; + font-weight: 800; + margin-top: 20px; +} +.conf-mini-prev-next i.fa-chevron-left { + margin: 0 !important; + padding-right: 10px; + padding-left: 0; +} +.conf-mini-prev-next i.fa-chevron-right { + margin: 0 !important; + padding-left: 10px; + padding-right: 0; +} +.conf-deeplink-offset { + display: block; + visibility: hidden; + position: relative; + top: -130px; +} +#conf-schedule { + padding: 80px 0; + background: #ffffff; +} +#conf-schedule-edit { + padding: 80px 0; + background: #ffffff; +} +#conf-print { + padding: 80px 0; + background: #ffffff; +} +.conf-lgPageHeading { + margin-top: 50px; + font-size: 3.6em; + color: #25325b; + text-transform: uppercase; + font-weight: 400; + text-align: left; +} +@media (max-width: 767px) { + .conf-lgPageHeading { + font-size: 2.4em; + } +} +.conf-subHeading { + font-size: 30px; + color: #585858; + text-align: center; +} +.conf-location-preview { + text-align: center; + position: relative; + overflow: hidden; +} +.conf-reg-ribbon { + position: absolute; + top: 25%; + z-index: 1; + width: 93%; +} +@media (max-width: 480px) { + .conf-reg-ribbon { + width: 85%; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .conf-reg-ribbon { + width: 87%; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .conf-reg-ribbon { + width: 91.5%; + } +} +.conf-lp-image { + position: relative; +} +.conf-lp-image img { + width: 100%; + vertical-align: top; +} +.conf-lp-image.conf-coming-soon:after, +.conf-lp-image.conf-coming-soon:before { + position: absolute; + opacity: 0; + transition: all 1s; + -webkit-transition: all 1s; +} +.conf-lp-image.conf-coming-soon:after { + content: '\A'; + width: 90%; + height: 100%; + top: 0; + left: 5%; + border-radius: 50%; + background: rgba(50, 50, 50, 0.6); +} +.conf-lp-image.conf-coming-soon:before { + content: attr(cm-conference-status); + width: 90%; + left: 5%; + z-index: 1; + text-align: center; + margin-top: 40%; + color: #ffffff; + text-transform: uppercase; + font-weight: 700; + font-size: 30px; +} +.conf-lp-image.conf-coming-soon:hover:after, +.conf-lp-image.conf-coming-soon:hover:before { + opacity: 1; +} +.conf-lp-location, +.conf-lp-date { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +.conf-lp-location { + display: block; + font-size: 1.75em; + line-height: 1em; + font-weight: 800; +} +.conf-lp-date { + display: block; + font-size: 1.3em; + font-weight: 600; +} +.conf-save-the-date-form { + width: 100%; + background-color: #ffffff; + padding: 70px 0 100px 0; +} +.conf-save-the-date-form .conf-stdf-box h4 { + color: #0079c1; + text-transform: uppercase; + border-bottom: 1px solid #0079c1; +} +.conf-social p { + color: #368ccb; + font-size: 0.9em; +} +.conf-social p a { + color: inherit; +} +.conf-social-icons { + list-style: none; + text-align: left; + font-size: 28px; + margin: 0; + padding: 0; + line-height: 28px; +} +.conf-social-icons .sharelabel { + font-size: 0.5em; +} +.conf-social-icons li { + display: inline-block; + padding: 0 0.2em; + vertical-align: middle; +} +p.social-reg { + font-size: 0.9em; +} +@media (max-width: 767px) { + .conf-social { + text-align: center; + } +} +.conf-form-location-check { + width: 24%; + display: inline-block; + text-align: center; +} +button.CFP-abstract-button { + display: block; +} +#conf-instructions { + background: #f2f2f2; + padding: 50px 0; +} +#conf-instructions .oral-box { + margin: 30px auto; + min-height: 280px; + background: #ab1f46; + border: none; +} +#conf-instructions .oral-box p { + padding: 20px; +} +#conf-instructions .oral-box-header { + background: #ab1f46; + position: relative; + top: 0; + margin: 0; + padding: 15px 0; +} +#conf-instructions .poster-box { + margin: 30px auto; + min-height: 280px; + background: #59aa47; + border: none; +} +#conf-instructions .poster-box p { + padding: 20px; +} +#conf-instructions .poster-box-header { + background: #59aa47; + position: relative; + top: 0; + margin: 0; + padding: 15px 0; +} +#conf-abstract { + background: #005596; + padding: 50px 0 100px; +} +#conf-abstract ol { + margin: 20px 60px; +} +#conf-abstract li { + color: #ffffff; + padding: 6px 0 10px 0; + font-size: 1.2em; + font-weight: 400; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +.conf-access-form-tab .conf-btn-sharp { + color: #333333; + border-color: #252525; + margin: 10px 0px; + min-height: 80px; +} +.conf-access-form-tab.active .conf-btn-sharp, +.conf-access-form-tab.active:focus .conf-btn-sharp .conf-access-form-tab.active:hover .conf-btn-sharp { + background: transparent; + color: #368ccb; + border-color: #368ccb; +} +#conf-publish { + background: url(https://cdn.comsol.com/conference/2015/call-for-papers/publish-image.jpg) no-repeat center; + background-size: cover; + padding: 50px 0 100px; +} +#conf-publish .publish-wrapper { + padding: 30px; +} +#conf-publish .publish-wrapper h3 { + margin-top: 0; +} +#conf-publish .publish-wrapper .conf-btn-sharp-small { + display: block; +} +#conf-author-deadlines { + background: #ffffff; + padding: 50px 0; +} +#conf-author-deadlines .conf-deadline.active { + color: #0079c1; + font-weight: 800; +} +#conf-author-deadlines .conf-deadline { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + color: #333333; + font-size: 1.2em; + line-height: 1em; + font-weight: 400; + margin: 10px 0; + padding: 0 40px 0 40px; +} +#conf-author-deadlines hr { + border: 1px solid #dddddd; + background-color: #dddddd; + height: 1px; + margin: 10px 15%; +} +#conf-program-committee { + background: #f2f2f2; + padding: 50px 0 100px; +} +#conf-program-committee .name { + display: block; + font-weight: 800; + text-transform: uppercase; + font-size: 0.9em; + line-height: 1.3; + margin: 0 0 0.5em 0; + padding: 0; + text-align: center; +} +#conf-program-committee .title { + display: block; + font-size: 0.8em; + line-height: 1.5; + padding: 0; + margin: 0; + text-align: center; +} +#conf-program-committee .name, +#conf-program-committee .title { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +#abstract-form { + background: #eeeeee; + padding: 50px 0 100px; +} +@media (max-width: 768px) { + #abstract-form { + padding: 200px 0 100px; + } +} +#conf-payment-form { + background: #ffffff; + padding: 80px 0; +} +@media (max-width: 768px) { + #conf-payment-form { + padding: 200px 0 100px; + } +} +.conf-reg-dropdown button { + width: 100%; + margin-left: 30px; + background: #ffffff; + border: 1px solid #999999; + border-radius: 3px; + padding: 5px 30px; + color: #999999; + font-weight: 400; + font-size: 15px; + text-align: center; +} +.conf-reg-dropdown span { + margin-left: 15px; +} +.conf-reg-dropdown i:first-child { + position: relative; + top: -5px; + right: 0px; + margin: 0; + padding: 0; +} +.conf-reg-dropdown i:last-child { + position: relative; + top: 4px; + right: 12px; + margin: 0; + padding: 0; +} +.conf-reg-dropdown ul.dropdown-menu { + margin-top: 0px; + left: 30px; + min-width: 187px; + list-style: none; + border-radius: 0 0 4px 4px; +} +.billingwrapper { + padding: 15px; + background: rgba(128, 128, 128, 0.15); + border-radius: 4px; +} +.billingwrapper h5 { + margin-top: 0; +} +.checkbox-wrap { + padding-left: 20px; + position: relative; + margin-top: 15px; +} +.checkbox-wrap input { + position: absolute; + left: 0; + top: 0; +} +.checkbox-wrap label { + margin-top: 0; +} +.fine-print label.checkbox-input-label, +.fine-print label.radio-input-label, +.fine-print a { + font-size: 12px; + line-height: 18px; + vertical-align: text-top; +} +.fine-print .checkbox-wrap input { + margin: 0; + height: 18px; +} +#conf-pricing { + background: #ffffff; + padding: 50px 0 100px; +} +#conf-pricing .conf-reg-dropdown { + display: block; + float: left; + padding: 12px 0 0 0; +} +#conf-pricing table { + margin-top: 40px; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +#conf-pricing table th, +#conf-pricing table td { + padding: 15px; + font-size: 1em; +} +#conf-pricing table th { + font-weight: 800; +} +#conf-pricing table th.early-bird-head, +#conf-pricing table th.regular-head { + min-width: 127px; +} +#conf-pricing table th.price-head { + min-width: 145px; +} +#conf-pricing .regular-head { + color: #368ccb; + text-align: center; +} +#conf-pricing .early-bird-head { + color: #b455a0; + text-align: center; +} +#conf-pricing .early-bird, +#conf-pricing .regular { + font-size: 1em; +} +#conf-pricing .regular { + border: 1px solid #53a4da; + border-radius: 3px; + margin: auto; + padding: 3px 8px; + text-align: center; + display: block; +} +#conf-pricing .early-bird { + border: 1px solid #b455a0; + border-radius: 3px; + padding: 3px 8px; + text-align: center; + display: block; + margin: auto; +} +#conf-reg-include { + background: url(https://cdn.comsol.com/conference/2015/registration/registration.jpg) no-repeat center; + background-size: cover; + padding: 50px 0; +} +#conf-reg-include h3 { + color: #25325b; +} +#conf-reg-include ul { + margin: 0; + padding: 10px; +} +#conf-reg-include ul li { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + padding: 5px 0; + color: #25325b; + font-size: 1.2em; + line-height: 1.3em; + font-weight: 400; +} +#conference-reg-form-wrapper { + position: relative; +} +.conf-reg-wrapper { + background: #eeeeee; + padding: 50px 0; +} +.conf-reg-wrapper .conf-reg-form-text { + color: #ffffff; +} +.conf-reg-wrapper .reg-step-angle-right { + position: absolute; + left: 50%; + z-index: 5; + width: 0; + height: 0; + border-top: 25px solid transparent; + border-bottom: 25px solid transparent; + border-left: 20px solid #ffffff; +} +.conf-reg-wrapper .reg-step-angle-left { + position: absolute; + right: 50%; + z-index: 5; + width: 0; + height: 0; + border-top: 25px solid transparent; + border-bottom: 25px solid transparent; + border-right: 20px solid #ffffff; +} +.conf-reg-wrapper .conf-reg-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #eeeeee; + z-index: 290; + display: none; + text-align: center; + font-weight: 600; + font-size: 1.6em; +} +.conf-reg-step-1 { + display: inline-block; + float: left; + position: relative; + right: 0; + width: 50%; + margin: 0; + padding-top: 10px; + padding-bottom: 12px; + background: #ffffff; + border: none; + border-radius: 4px 0 0 4px; + -webkit-border-radius: 4px 0 0 4px; + color: #333333; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + text-align: center; + font-size: 1.2em; +} +.conf-reg-step-2 { + display: inline-block; + float: left; + position: relative; + left: 0; + width: 50%; + margin: 0px; + padding-top: 10px; + padding-bottom: 12px; + background: #dddddd; + border: none; + border-radius: 0 4px 4px 0; + -webkit-border-radius: 0 4px 4px 0; + color: #555555; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + text-align: center; + font-size: 1.2em; +} +.conf-form-submit { + display: inline-block; + float: right; + margin-top: 10px; +} +a.conf-form-cancel, +a.conf-reset-pw { + right: 5px; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 1.1em; + line-height: 1.2em; + color: #333333; + text-align: right; +} +a.conf-form-cancel:hover, +a.conf-reset-pw:hover, +a.conf-form-cancel:focus, +a.conf-reset-pw:focus { + text-decoration: underline; + color: #333333; +} +.conf-reg-wrapper .login { + padding: 1em 0; + font-size: 1.1em; + font-weight: 800; +} +.conf-reg-wrapper .login p { + margin: 0 0 0 0; +} +.conf-reg-wrapper h4 { + color: #368ccb; + text-transform: uppercase; + border-bottom: 1px solid #368ccb; + margin-bottom: 30px; + padding: 0 0 5px 0; +} +.conf-reg-wrapper .step { + float: right; + color: #585858; + font-weight: 300; +} +.conf-reg-wrapper label.less-padding { + margin-top: 0; +} +.conf-reg-wrapper hr { + height: 1px; + background-color: #dddddd; + margin-top: 30px; + margin-bottom: 30px; + width: 90%; +} +.conf-reg-wrapper hr.full { + height: 1px; + background-color: #dddddd; + margin-top: 30px; + margin-bottom: 15px; + width: 100%; +} +.conf-reg-wrapper .check-input-label { + margin-top: 0; +} +.conf-reg-wrapper .btn-basic { + background: #626262; + border-color: #555555; + color: #ffffff; + text-shadow: none; +} +.conf-reg-wrapper .col-xs-12 > .login { + padding: 1em 0 1.5em 0; +} +.conf-reg-wrapper ul.input-error { + background-color: transparent; +} +.conf-reg-wrapper ul.input-error li { + color: #d61e57; +} +.conf-required-field { + position: relative; + top: 5px !important; + right: 5px !important; + font-size: 1.4em; + text-align: center; +} +.conf-header-dark { + text-transform: uppercase; + font-size: 3em; + font-weight: 500; + text-align: center; + color: #333333; +} +.conf-reg-form-header { + text-transform: uppercase; + font-size: 2.2em; + font-weight: 500; + text-align: center; + color: #ffffff; +} +.conf-reg-form-text { + text-align: center; + font-size: 1.4em; + line-height: 1.5em; + font-weight: 400; +} +.conf-reg-form-explore h4, +.conf-reg-form-explore p { + color: #ffffff !important; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +.conf-reg-form-explore h4 { + font-size: 1.4em; + font-weight: 600; +} +.conf-reg-form-explore p { + font-size: 1.2em; + font-weight: 400; +} +.conf-reg-form-explore label { + color: #ffffff !important; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 1.2em !important; + font-weight: 400; + padding-left: 5px !important; +} +.conf-user-agreement-link { + color: #ffffff !important; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 1.4em !important; + font-weight: 400; + text-decoration: underline; +} +.conf-user-agreement-link:hover, +.conf-user-agreement-link:focus { + text-decoration: underline; + color: #eeeeee; +} +.conf-user-agreement input, +.conf-user-agreement label, +.conf-user-agreement .conf-required-field { + display: inline-block !important; +} +.conf-user-agreement label { + color: #ffffff !important; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 1.2em !important; + font-weight: 400; + margin-top: 0 !important; +} +.conf-user-agreement label > span { + padding-left: 5px !important; +} +.conf-user-agreement .input-bump { + margin-left: 10px !important; +} +.conf-user-agreement-content { + overflow-y: scroll; + height: 350px; + font-size: 12px; + padding-right: 15px; +} +#conf-location-intro { + background-color: #dddddd; + padding: 65px 0; +} +#conf-location-intro h3 { + margin-top: 0; + padding-top: 0; +} +#conf-location-intro ul { + margin-left: 25px; + margin-top: 10px; + padding-left: 0; +} +#conf-location-intro ul li { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 1.15em; + line-height: 1.4em; + color: #585858; +} +.location-intro .sd-heading { + margin-top: 18px; +} +.conf-new-this-year { + display: table; +} +.conf-new-this-year .conf-h3 { + font-weight: 300; +} +.conf-new-this-year .conf-h5 { + color: #25325b; +} +.new-things { + display: table-cell; + max-width: 400px; +} +.new-things img { + display: block; +} +.new-things .new-things__text { + min-height: 220px; + position: relative; + top: -20px; + color: #333333; + padding: 15px 20px 15px; + background: #e3cde0; +} +@media (max-width: 967px) { + .new-things { + max-width: 100%; + margin: 10px 0; + } + .new-things .new-things__text { + min-height: auto; + margin-top: 15px; + } + .new-things img { + display: none; + } +} +#conf-location-schedule { + background-color: #f2f2f2; + padding: 60px 0 100px; +} +#conf-location-schedule .tab-pane { + padding: 0 0; +} +#conf-location-schedule .conf-schedule-tabs li { + margin-bottom: 0; + margin-right: 5px; + display: inline-block; + text-align: center; + width: 20%; + max-width: 200px; + background: #d61e57; + border-radius: 4px 4px 0 0; + -webkit-box-shadow: -4px 4px 4px #dddddd; + box-shadow: -4px 4px 4px #dddddd; +} +#conf-location-schedule .conf-schedule-tabs li a { + text-transform: uppercase; + color: #ffffff; + font-size: 1.2em; + font-weight: 600; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +#conf-location-schedule .conf-schedule-tabs li:hover, +#conf-location-schedule .conf-schedule-tabs li:focus, +#conf-location-schedule .conf-schedule-tabs li:visited { + background: #ffffff !important; + border-radius: 4px 4px 0 0; + -webkit-box-shadow: -4px 4px 4px #dddddd; + box-shadow: -4px 4px 4px #dddddd; + font-weight: 600; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +#conf-location-schedule .conf-schedule-tabs li:hover a, +#conf-location-schedule .conf-schedule-tabs li:focus a, +#conf-location-schedule .conf-schedule-tabs li:visited a, +#conf-location-schedule .conf-schedule-tabs li:hover a:visited, +#conf-location-schedule .conf-schedule-tabs li:focus a:visited, +#conf-location-schedule .conf-schedule-tabs li:visited a:visited { + color: #d61e57; + background-color: #ffffff; + border-radius: 4px 4px 0 0; +} +#conf-location-schedule .conf-schedule-tabs li.active { + background: #ffffff; + border-radius: 4px 4px 0 0; + -webkit-box-shadow: -4px 4px 4px #dddddd; + box-shadow: -4px 4px 4px #dddddd; +} +#conf-location-schedule .conf-schedule-tabs li.active a { + color: #d61e57; + background-color: #ffffff; + border-radius: 4px 4px 0 0; +} +#conf-location-schedule .conf-schedule-body { + background: #ffffff; + border-radius: 0 4px 4px 4px; + padding: 20px 0 0; + -webkit-box-shadow: -4px 4px 4px #dddddd; + box-shadow: -4px 4px 4px #dddddd; +} +#conf-location-schedule .conf-row { + padding: 20px 0; + margin: 0; + margin-bottom: 1px; +} +#conf-location-schedule .conf-row.alt { + background: #f9f9f9; +} +#conf-location-schedule .conf-schedule-time { + color: #333333; +} +#conf-location-schedule .conf-schedule-time, +#conf-location-schedule .conf-schedule-event { + font-size: 1.2em; + font-weight: 600; +} +#conf-location-schedule .conf-schedule-event { + display: inline-block; + color: #585858; + font-weight: 800; + margin-bottom: 15px; +} +#conf-location-schedule .conf-schedule-list, +#conf-location-schedule .conf-schedule-list-wrapper ul { + padding-left: 0; + margin-bottom: 0; +} +#conf-location-schedule .conf-schedule-list li, +#conf-location-schedule .conf-schedule-list-wrapper ul li { + list-style: none; + color: #333333; + font-size: 1em; +} +#conf-location-schedule .conf-schedule-list li i.fa.fa-caret-down, +#conf-location-schedule .conf-schedule-list-wrapper ul li i.fa.fa-caret-down { + color: #d61e57; +} +#conf-location-schedule .conf-schedule-list li em, +#conf-location-schedule .conf-schedule-list-wrapper ul li em { + color: #d61e57; +} +#conf-location-schedule .conf-schedule-list a, +#conf-location-schedule .conf-schedule-list-wrapper ul a { + text-decoration: none; + cursor: default; +} +#conf-location-schedule .conf-schedule-list a li:hover, +#conf-location-schedule .conf-schedule-list-wrapper ul a li:hover { + color: #d61e57; +} +#conf-location-schedule .course-desc { + margin-bottom: 20px; +} +#conf-location-schedule .course-desc a { + border-bottom: none; +} +#conf-location-schedule .course-desc p:first-child { + color: #d61e57; +} +#conf-location-schedule .course-desc p img { + width: 125px; +} +#conf-location-schedule .break-row .conf-schedule-time, +#conf-location-schedule .break-row .conf-schedule-event { + font-weight: 400; + opacity: 0.6; +} +#conf-location-map { + padding: 100px 0 150px; + background-position: center; + background-repeat: no-repeat; +} +@media screen and (min-width: 2500px) { + #conf-location-map { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + } +} +.conf-directions { + width: 100%; + background-color: #f2f2f2; + padding: 80px 0; +} +.conf-directions .CN-transportlabel { + opacity: 0.7; +} +.conf-directions p { + padding: 0 0 0 1em; + color: #25325b; +} +.conf-directions .conf-light, +.conf-directions .conf-p-small { + color: #25325b; +} +.conf-directions h3 { + color: #0079c1; +} +.conf-directions h5 { + color: #25325b; +} +.conf-directions a { + color: #b455a0; + text-decoration: none; +} +.conf-directions a:active, +.conf-directions a:visited { + color: #b455a0; + text-decoration: none; +} +.conf-directions a:hover, +.conf-directions a:focus { + color: #25325b; + text-decoration: underline; +} +.conf-directions .subway-image { + margin: -30px 0 40px 0; +} +#conf-podium-bg { + background: url(https://cdn.comsol.com/conference/2020/hero-images/COMSOL_Conference_Web_Image-1920x650.jpg) no-repeat center; + background-size: cover; + height: 650px; + padding: 80px 0; +} +#conf-podium-bg h4 { + font-weight: 400; +} +#conf-podium-bg .conf-btn-sharp { + width: 60%; +} +.conf-podium-box { + padding: 10px 30px 30px; + background-color: rgba(242, 242, 242, 0.8); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); +} +.conf-venue-box { + background-color: rgba(242, 242, 242, 0.8); + padding: 30px; +} +.conf-venue-box h3.conf-h3 { + margin-top: 0px; +} +#conf-sponsors { + padding: 80px 0; + background: #ffffff; +} +.conf-sponsor-box { + text-align: center; + max-width: 180px; + margin: 30px auto; + padding: 0 5%; +} +.conf-sponsor-box:hover { + width: 100%; + max-width: 180px; +} +#conf-back-to-top { + padding: 10px 0; +} +#conf-back-to-top span { + display: block; + float: right; +} +#conf-back-to-top span a { + font-weight: 800; + font-size: 1em; + text-transform: uppercase; + opacity: 0.8; +} +#conf-back-to-top span a:hover { + text-decoration: none; + opacity: 1; +} +#conf-contact { + background: #252525; + padding: 50px 0; +} +#conf-footer .row { + margin: 0px; +} +#conf-footer .row .col-xs-12, +#conf-footer .row .col-sm-12 { + padding-left: 0px; + padding-right: 0px; +} +#conf-footer hr { + border-color: rgba(238, 238, 238, 0.28); +} +.conf-chair-bg { + display: block; + margin: 60px auto 50px; + background: repeating-linear-gradient(-45deg, rgba(71, 75, 81, 0.99), rgba(255, 255, 255, 0.3) 2px, transparent 1px, transparent 10px); + width: 250px; + height: 60px; +} +.conf-chair-bg .conf-chair-headshot { + position: relative; + top: -110px; + left: 50%; + margin-left: -60px; + margin-top: 80px; + margin-bottom: 0; + width: 120px; + height: 120px; + background-color: #ffffff; + padding: 5px; +} +.conf-chair-name { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + text-align: center; + font-size: 1.25em; + line-height: 1.3em; + font-weight: 800; + text-transform: uppercase; + color: #555555; + margin-top: 0; +} +.conf-chair-title { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-style: italic; + font-size: 1.15em; + line-height: 0.8em; + font-weight: 400; + color: #368ccb; + text-align: center; +} +.conf-chair-title a, +.conf-chair-title a:visited { + color: #333333; +} +.conf-chair-title a:hover, +.conf-chair-title a:visited:hover, +.conf-chair-title a:focus, +.conf-chair-title a:visited:focus { + color: #368ccb; +} +.conf-chair-dropdown { + display: block; + position: absolute; + left: 50%; + margin-left: -100px; +} +.conf-chair-dropdown button { + margin-top: 20px; + width: 200px; + background: #999999; + border: 1px solid #999999; + border-radius: 3px; + padding: 5px 15px 5px 25px; + color: #ffffff; + font-weight: 400; + font-size: 1.1em; + text-align: center; +} +.conf-chair-dropdown span { + margin-left: 40px; +} +.conf-chair-dropdown i:first-child { + position: relative; + top: -5px; + right: 0px; + margin: 0; + padding: 0; +} +.conf-chair-dropdown i:last-child { + position: relative; + top: 4px; + right: 12px; + margin: 0; + padding: 0; +} +.conf-chair-dropdown ul.dropdown-menu { + margin-top: 0px; + left: 50%; + right: 50%; + min-width: 200px; + list-style: none; + border-radius: 0 0 4px 4px; +} +.conf-comsol-logo { + margin: 0 auto 20px; + width: 240px; + text-align: center; +} +.conf-social-links ul { + text-align: center; + margin: 30px 0 0px -40px; +} +.conf-social-links li { + display: inline-block; + margin: 10px; + text-align: center; +} +.conf-social-links li .fa-circle { + color: #eeeeee; +} +.conf-social-links li a, +.conf-social-links li a:active { + transition: 0.2s; + color: #333333; +} +.conf-social-links li a:hover, +.conf-social-links li a:active:hover, +.conf-social-links li a:focus, +.conf-social-links li a:active:focus { + text-decoration: none; +} +ul.conf-footer-links { + display: block; + margin: 0 auto; + text-align: center; + padding: 0; + font-size: 0.9em; +} +ul.conf-footer-links li { + display: inline-block; + margin: 10px 15px; + text-align: center; + color: #eeeeee; + text-transform: uppercase; + font-weight: 400; +} +ul.conf-footer-links li a, +ul.conf-footer-links li a:active { + color: #eeeeee; + transition: 0.2s; +} +ul.conf-footer-links li a:hover, +ul.conf-footer-links li a:active:hover, +ul.conf-footer-links li a:focus, +ul.conf-footer-links li a:active:focus { + text-decoration: none; + color: #dddddd; +} +.keynote-row { + margin: 0 0 6em 0; +} +.keynote-row h5 { + margin-top: 0; +} +#conf-keynotes { + padding: 50px 0 50px; + background: #ffffff; +} +#conf-keynotes .conf-headshot { + width: 40%; + max-width: 120px; + margin: 0 3% 3% 0; + float: left; +} +#conf-keynotes .title { + display: block; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + line-height: 1.5; +} +#conf-keynotes .name { + display: block; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + line-height: 1.5; + font-weight: 600; + font-size: 1.3em; +} +#conf-keynotes .time { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + line-height: 1.5; + display: block; + font-size: 1.2em; + font-weight: 200; + line-height: 4; + padding: 0; + margin: 0; +} +#conf-keynotes a.about-speaker { + display: block; + text-align: left; + font-size: 1em; + line-height: 2em; + font-weight: 800; + color: #555555; +} +#conf-keynotes .about-speaker-carat { + display: inline-block; + padding-left: 15px; + font-family: FontAwesome; + font-weight: normal; + font-size: 1em; +} +#conf-keynotes .about-speaker-carat:before { + content: "\f0d8"; +} +#conf-keynotes .about-speaker-p, +#conf-keynotes .about-speaker-p p { + font-size: 1em; +} +#conf-keynotes a.collapsed .about-speaker-carat:before { + content: "\f0d7"; +} +.conf-up-sidebar { + background: #ffffff; + border: 1px solid #f9f9f9; + box-shadow: 0px 13px 25px -7px #dddddd; + border-radius: 4px; + -webkit-border-radius: 4px; + padding: 0px; + margin-bottom: 20px; +} +.conf-up-title { + padding: 15px 20px 10px; + margin: 0; + font-size: 1.5em; + font-weight: 800; + color: #25325b; +} +.conf-up-sidebar-section { + padding: 10px 20px; + margin: 0; + background-color: #bdc9d8; + font-size: 1.1em; + font-weight: 800; +} +.conf-up-sidebar-ul { + margin: 0; + padding: 10px 0px; + list-style: none; +} +.conf-up-sidebar-ul li { + font-size: 1em; + line-height: 1.2em; +} +.conf-up-sidebar-ul li a { + list-style: none; + display: block; + padding: 8px 20px 8px 40px; + margin: 0; + color: #333333; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.conf-up-sidebar-ul li a:before { + content: "\f054"; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + color: #252525; + font-size: 8px; + padding-right: 0.5em; + position: absolute; + left: 42px; +} +.conf-up-sidebar-ul li a:hover, +.conf-up-sidebar-ul li a:focus { + background-color: rgba(209, 210, 81, 0.34); + cursor: pointer; + text-decoration: none; + list-style: none; +} +a.conf-up-active { + text-decoration: none; + color: #333333; + background-color: rgba(209, 210, 81, 0.34); +} +.conf-up-session-title { + line-height: 26px; + padding: 15px 20px 5px; + margin: 0; + font-size: 1.1em; + font-weight: 800; + color: #585858; +} +.conf-up-authors { + padding: 0px 20px; + margin: 0; + font-size: 0.9em; +} +.conf-up-info { + display: inline-block; + padding: 0px 5px 15px 20px; + margin: 0; + font-size: 1.1em; + line-height: 1.4em; + font-weight: 200; + text-align: left; +} +.conf-up-info-author { + display: block; + padding: 5px 5px 5px 20px; + margin: 0; + font-size: 1.2em; + line-height: 1.4em; + font-weight: 400; + text-align: left; +} +.conf-up-links { + padding: 0 20px; + font-size: 0.9em; + font-weight: 800; + color: #0079c1; + transition: 0.25s; + -webkit-transition: 0.25s; +} +.conf-up-links:hover, +.conf-up-links:focus { + cursor: pointer; + color: #eea342; + text-decoration: none; +} +.conf-document-grey { + display: block; + margin: 20px auto; + text-align: center; + font-size: 1.75em; + text-decoration: none; + color: #dddddd; +} +.conf-document-grey:hover, +.conf-document-grey:focus { + text-decoration: underline; + color: #dddddd; +} +.conf-document-grey i { + padding-right: 20px; +} +.conf-document-blue { + display: block; + margin: 30px auto; + text-align: center; + font-size: 1em; + text-decoration: none; + color: #368ccb; +} +.conf-document-blue:hover, +.conf-document-blue:focus { + color: #368ccb; + text-decoration: underline; +} +.conf-document-blue i { + padding-right: 20px; +} +.conf-btn-red { + background: #d61e57; + border-color: #a91845; +} +.conf-btn-sharp { + display: block; + margin: 0 auto; + color: #ffffff; + font-size: 1.25em; + line-height: 1.4em; + padding: 8px 30px; + text-align: center; + text-transform: uppercase; + border: 3px solid #ffffff; + background: transparent; + transition: 0.2s; + font-weight: 600; +} +.conf-btn-sharp:visited, +.conf-btn-sharp:active { + color: #ffffff; + text-decoration: none; +} +.conf-btn-sharp:hover, +.conf-btn-sharp:focus { + color: #ffffff; + background-color: #0069a8; + text-decoration: none; +} +.conf-btn-sharp-small { + margin: 0 auto; + font-size: 0.9em; + padding: 8px 30px; + text-align: center; + text-transform: uppercase; + border: 3px solid #ffffff; + background: transparent; + transition: 0.2s; + color: #ffffff; +} +.conf-btn-sharp-small:visited, +.conf-btn-sharp-small:active { + color: #ffffff; + text-decoration: none; +} +.conf-btn-sharp-small:hover, +.conf-btn-sharp-small:focus { + color: #ffffff; + background-color: #0069a8; + text-decoration: none; +} +.conf-btn-next, +.conf-btn-form { + margin-top: 40px; + margin-right: 30px; + background-image: none; + border: 0px; + border-radius: 4px; + vertical-align: middle; + -webkit-transition: 0.2s; + transition: 0.2s; + font-weight: 400; + font-size: 1.2em; + line-height: 35px; + padding: 2px 30px; + text-align: center; + border-bottom: 3px solid #dddddd; + background: #dddddd; + color: #333333; + cursor: pointer; +} +.conf-btn-next:hover, +.conf-btn-form:hover, +.conf-btn-next:focus, +.conf-btn-form:focus { + color: #252525; + background: #d0d0d0; + border-color: transparent; +} +.conf-btn-form { + margin: 10px; +} +.conf-main-btn, +.conf-main-btn:active { + margin-top: 30px; + padding: 8px 0px; + background-color: #b455a0; + background-image: none; + border: 0px; + border-radius: 5px; + vertical-align: middle; + -webkit-transition: 0.2s; + transition: 0.2s; + border-bottom: 3px #833a73 solid; + color: #ffffff; + font-weight: 400; + font-size: 22px; + line-height: 35px; + text-align: center; + text-transform: uppercase; +} +.conf-main-btn:hover, +.conf-main-btn:active:hover, +.conf-main-btn:focus, +.conf-main-btn:active:focus { + background-color: #a64993; + background-image: none; + border-bottom: 3px #713264 solid; + color: #ffffff; +} +.conf-main-btn a, +.conf-main-btn:active a, +.conf-main-btn a:visited, +.conf-main-btn:active a:visited, +.conf-main-btn a:hover, +.conf-main-btn:active a:hover, +.conf-main-btn a:focus, +.conf-main-btn:active a:focus { + color: #ffffff; + text-decoration: none; +} +.conf-btn-disabled { + margin-top: 30px; + padding: 8px 40px; + background-color: #dddddd; + background-image: none; + border: 0px; + border-radius: 5px; + vertical-align: middle; + -webkit-transition: 0.2s; + transition: 0.2s; + border-bottom: 3px #b7b7b7 solid; + color: #dddddd; + font-weight: 400; + font-size: 22px; + line-height: 35px; + text-align: center; + text-transform: uppercase; +} +.conf-btn-disabled:hover, +.conf-btn-disabled:focus { + background-color: #c4c4c4; + background-image: none; + border-bottom: 3px #aaaaaa solid; +} +.conf-btn-disabled a, +.conf-btn-disabled a:visited, +.conf-btn-disabled a:hover, +.conf-btn-disabled a:focus { + color: #dddddd; + text-decoration: none; +} +.conf-headshot { + display: block; + overflow: hidden; + margin: 30px auto 10px; +} +.conf-no-headshot { + display: block; + margin: 20px auto; +} +.conf-color-white { + color: #ffffff; +} +.conf-status-notification { + position: relative; + top: 30px; + left: 75%; + color: #eeeeee !important; +} +.required-field { + color: #e65e30; + font-weight: 600; +} +label.conf-checkbox input { + display: inline-block; + float: left; + padding-right: 10px; +} +label.conf-checkbox span.text-area { + display: inline-block; + float: left; + margin-left: 22px; + margin-top: -16px; +} +label.conf-checkbox span.required-field { + margin-top: -60px; +} +label.checkbox input { + margin-right: 10px !important; +} +@media (max-width: 767px) { + #conf-home-locations { + margin-left: auto; + margin-right: auto; + background-color: #25325b; + } + .conf-location-reg-open { + margin-right: 6%; + margin-left: 6%; + } + #conf-pricing table { + margin-top: 30px; + font-size: 0.8em; + } + #conf-pricing table th, + #conf-pricing table td { + padding: 5px; + } + #conf-pricing .early-bird, + #conf-pricing .regular { + padding: 2px 5px; + } + #conf-pricing th.early-bird-head, + #conf-pricing th.regular-head { + min-width: 0px !important; + } + .conf-social-links li { + font-size: 0.9em; + } + .conf-footer-links li { + font-size: 1em; + line-height: 1.75em; + } + .conf-h2 { + text-transform: uppercase; + font-size: 1.6em; + } + .conf-h3 { + text-transform: uppercase; + font-size: 1.45em; + font-weight: 800; + } + .conf-h4 { + font-size: 1.4em; + font-weight: 400; + } + .conf-h5 { + font-size: 1.2em; + } + .conf-p-large { + font-size: 1.2em; + line-height: 1.5em; + max-width: 45em; + font-weight: 400; + margin: 20px auto; + } + .conf-p-small { + font-size: 0.9em; + font-weight: normal; + } + .conf-white-bg { + padding: 100px 0 100px; + } + #conf-minicourses { + padding-top: 120px; + } + #conf-keynotes { + padding: 100px 0 100px; + } + #myConference { + padding: 100px 0 100px; + } + #conf-pricing { + padding: 100px 0 100px; + } + #conf-whyPresent { + background: #ffffff; + padding: 100px 0 100px; + } + #conf-abstract ol { + margin: 10px; + padding: 0; + } + #conf-abstract li { + font-size: 1em; + line-height: 1.2em; + } + #conf-location-map { + padding: 100px 0 100px; + } + .conf-document-grey, + .conf-document-blue { + margin: 5px auto; + font-size: 1em; + } + .conf-btn-blue { + font-weight: 400; + font-size: 16px; + line-height: 18px; + padding: 8px 30px; + } + .conf-btn-sharp { + font-size: 16px; + padding: 8px 30px; + } + .conf-btn-sharp-small { + font-size: 1em; + padding: 8px 30px; + width: auto; + } + .conf-main-nav .dropdown-menu { + margin-top: 5px; + background-color: #0079c1; + border: none; + border-radius: 0 !important; + padding: 10px; + font-size: 0.9em; + } + .conf-main-nav .dropdown-menu a { + font-size: 0.9em; + } + #conf-author-deadlines { + background: #ffffff; + padding: 50px 0; + } + #conf-author-deadlines .conf-deadline { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + color: #333333; + font-size: 1em; + line-height: 1em; + padding: 0px 10px; + text-align: center; + } + #conf-author-deadlines hr { + margin: 10px 0; + } + .conf-btn-sharp-small { + display: block; + margin: 0 auto 15px; + } + #conf-podium-bg .conf-btn-sharp { + width: 100%; + } + #conf-podium-bg .conf-podium-box { + padding: 30px 15px 50px; + } + #conf-contact h2 { + font-size: 1.8em; + } + #conf-contact h3 { + font-size: 1.3em; + } + .conf-comsol-logo { + width: 190px; + } + .conf-chair-name { + font-size: 1.2em; + } + .conf-chair-title { + font-size: 1.1em; + } + .conf-social-links { + font-size: 0.9em; + } + .conf-main-btn { + font-size: 16px; + padding: 8px 20px; + } + #conf-location-schedule .conf-schedule-tabs li { + width: 80px; + } + #conf-location-schedule .conf-schedule-tabs li a { + font-size: 1.2em; + } + #conf-location-schedule .conf-schedule-time, + #conf-location-schedule .conf-schedule-event { + font-size: 1em; + font-weight: 800; + } + #conf-location-schedule .conf-schedule-list li { + font-size: 1em; + } + #conf-location-intro img { + margin-top: 20px; + } + #conf-location-intro ul { + margin-left: 18px; + padding-left: 0; + } + #conf-location-intro ul li { + font-size: 1em; + line-height: 1.3em; + } + #conf-location-intro .conf-document-blue { + margin: 0; + line-height: 2; + font-size: 1.1em; + } + #conf-location-intro .conf-document-blue i.fa { + padding-right: 0.5em; + font-size: 1.2em; + line-height: 2; + vertical-align: auto; + } + .conf-home-gallery h4 { + font-size: 1.1em; + line-height: 1.3em; + } + .conf-home-gallery p { + font-size: 1em; + } + .conf-mobile-nav .conf-15-logo-nav { + left: 0; + } + a.conf-mobile-toggle { + right: 0; + } + .conf-reg-step-1, + .conf-reg-step-2 { + width: 100%; + border-radius: 0px; + -webkit-border-radius: 0px; + } + .reg-step-angle-right, + .reg-step-angle-left { + display: none; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .conf-document-blue, + .conf-document-grey { + font-size: 1em; + } + #conf-minicourses { + padding-top: 120px; + } + .conf-find-location { + font-size: 1.5em; + } + .conf-h2 { + text-transform: uppercase; + font-size: 2em; + } + .conf-h3 { + text-transform: uppercase; + font-size: 1.45em; + font-weight: 800; + } + .conf-h4 { + font-size: 1.4em; + font-weight: 400; + } + .conf-p-large { + font-size: 1.2em; + line-height: 1.5em; + max-width: 45em; + font-weight: 400; + margin: 20px auto; + } + .conf-p-small { + font-size: 0.95em; + font-weight: normal; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + } + .conf-white-bg { + padding: 140px 0 100px; + } + #conf-keynotes { + padding: 140px 0 100px; + } + #myConference { + padding: 180px 0 100px; + } + #conf-pricing { + padding: 180px 0 100px; + } + #conf-whyPresent { + background: #ffffff; + padding: 180px 0 100px; + } + #conf-location-map { + padding: 220px 0 100px; + } + .conf-main-nav .dropdown-menu { + margin-top: 20px; + background-color: #0079c1; + border: none; + border-radius: 0 !important; + padding: 10px; + } + #conf-author-deadlines { + background: #ffffff; + padding: 50px 0; + } + #conf-author-deadlines .conf-deadline { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + color: #333333; + font-size: 1em; + line-height: 1em; + padding: 0; + } + #conf-author-deadlines hr { + margin: 10px 10%; + } + .conf-btn-sharp-small { + display: block; + margin: 0 auto 15px; + } + .conf-comsol-logo { + width: 200px; + } + .conf-location-reg-open { + position: relative; + z-index: 1; + margin: 0 10px 60px; + background: #d61e57; + padding: 10px; + color: #ffffff; + } + .conf-location-reg-open a { + font-size: 1.2em; + font-weight: 400; + } + .conf-home-arrow { + margin: 0 0 60px -15px; + left: 48%; + width: 60px; + border-left: 30px solid transparent; + border-right: 30px solid transparent; + border-top: 30px solid #252525; + } + #conf-location-intro img { + margin-top: 20px; + } + #conf-location-intro ul { + margin-left: 18px; + padding-left: 0; + } + #conf-location-intro ul li { + font-size: 1em; + line-height: 1.6em; + } + .conf-home-gallery h4 { + font-size: 1.7em; + line-heigh: 1.5em; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + #conf-author-deadlines .conf-deadline { + margin: 10px 0; + padding: 0 40px 0 0; + } + #conf-author-deadlines hr { + margin: 10px 10%; + } + .conf-btn-sharp-small { + display: block; + margin: 0 auto 15px; + } + #conf-location-intro ul { + margin-left: 18px; + padding-left: 0; + } + #conf-location-intro ul li { + font-size: 1.3em; + line-height: 1.6em; + } + .conf-home-gallery h4 { + font-size: 1.7em; + line-height: 1.5em; + } +} +#conf-location-intro .conf-intro + ul li:first-child a { + position: relative; +} +#conf-location-intro .conf-intro + ul li:first-child a:hover:before { + text-decoration: underline; + color: #368ccb; +} +#conf-location-intro .conf-intro + ul li:first-child a:before { + content: "\f1c1"; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + color: #368ccb; + font-size: 18px; + padding-right: 0.5em; + position: absolute; + top: 2px; + left: 172px; +} +/* CCUP STYLES +================= */ +.ccupItem { + padding: 30px 15px; + border-top: 1px solid #dddddd; +} +.ccupTitle { + font-weight: 600; + font-size: 18px; +} +.ccupAuthor { + font-weight: 600; + color: #999999; + margin-bottom: 0px; +} +.ccupOrigin { + font-style: italic; +} +.ccupDownload { + font-weight: 600; + color: #999999; +} +.ccupDownloadLink { + display: block; +} +.ccupCaption { + font-size: 0.85em; + font-style: italic; +} +/* + * CCUP COmmittee + */ +/* +CCUP CTA Button +*/ +.ccup-cta, +.ccup-cta:active, +.ccup-cta:visited { + max-width: 364px; + border: 2px solid #368ccb; + display: block; + margin: 30px 0 40px; + padding: 4px 10px 14px 10px; + text-align: center; + font-size: 1.15em; + line-height: 1em; + font-weight: normal; + color: #368ccb; + text-decoration: none; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.ccup-cta:hover, +.ccup-cta:focus { + background: #368ccb; + color: #ffffff; + text-decoration: none; +} +.ccup-cta a, +.ccup-cta a:active, +.ccup-cta a:hover, +.ccup-cta a:focus, +.ccup-cta a:visited { + text-decoration: none; +} +.ccupCommCaption { + padding-bottom: 10px; +} +/* + * CCUP Sponsors + */ +.sponsors .span2 { + text-align: center; +} +.sponsorDesc { + margin-bottom: 30px; +} +/* + * CCUP Committee + */ +.committee-wrapper .name { + text-align: center; + font-weight: 700; + display: block; +} +.committee-wrapper .title { + text-align: center; + font-size: 12px; + display: block; +} +/* + * Side Bar (currently Used in CCUP) + */ +.ccup .sideBar { + position: relative; + min-height: 40px; + width: 100%; + margin-left: 20px; + padding-left: 10px; +} +@media (max-width: 768px) { + .ccup .sideBar { + margin: 0; + padding: 0; + } +} +.ccup .activeAble { + padding-left: 20px; +} +.ccup .autoActive { + font-weight: 600; + color: #333333; + padding-left: 0px; + cursor: default; +} +.ccup .sideBarButton { + border-bottom: 1px solid #dddddd; +} +@media (min-width: 768px) and (max-width: 1199px) { + .ccup .sideBarButton .video i { + float: none; + } +} +@media (max-width: 767px) { + .ccup .sideBarButton .video i { + float: right; + } +} +@media (min-width: 1200px) { + .ccup .sideBarButton .video i { + float: right; + } +} +.ccup .sideBarButton .video .fa { + line-height: 40px; + padding-right: 20px; +} +.ccup .sideBarButton .textOnly { + font-size: 1em; + line-height: 3em; + display: block; + color: #585858; + text-transform: uppercase; +} +.ccup .sideBarButton .textOnly .fa { + line-height: 14px; +} +.ccup .sideBarButton .textOnly i { + line-height: 14px; +} +.ccup .sideBarButton a { + line-height: 40px; + display: block; + text-decoration: none; +} +.ccup .sideBarButton .subLink { + line-height: 14px; + padding-bottom: 10px; +} +.ccup .sideBarButton .subLink:last-of-type { + margin-bottom: 10px; +} +.ccup .sideBarSearch { + border: 1px solid #368ccb; + background-color: #ffffff; +} +.ccup .sideBarSearch form { + margin: 0px; +} +.ccup .sideBarSearch input { + height: 40px; + width: 90%; + border: 0; + padding: 0; + margin-bottom: 0px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + vertical-align: middle; +} +.ccup .sideBarSearch input:focus { + border: none; +} +.ccup .sideBarSearch button { + position: absolute; + right: 0; + height: 100%; + font-size: 14px; + color: #ffffff; + text-align: center; + padding: 0 20px; + border-width: 0; + background-color: #368ccb; + cursor: pointer; +} +.ccup .sideBarSearch button:hover { + background-color: #529cd2; +} +.ccup input[type="text"] { + font-size: 18px; + line-height: 40px; + color: #333333; +} +@media (max-width: 1199px) { + .ccup input[type="text"] { + font-size: 14px; + line-height: 40px; + color: #252525; + } +} +.nav-link:hover, +.nav-link:active, +.nav-link:focus { + text-decoration: none; +} +.awards-section p { + margin-bottom: 5px; +} +.awards-section ol { + list-style: none; + counter-reset: listNumber; + padding-left: 0; +} +.awards-section ol > li { + counter-increment: listNumber; +} +.awards-section ol > li:before { + position: relative; + font-size: 0.8em; + top: -6px; + content: counter(listNumber) ' '; +} +cm-modal .table { + margin: 0 0 0 0; +} +.sd-intro { + max-width: 80em; + text-align: left; + margin: 0 auto; + align-content: bottom; + position: relative; +} +.sd-intro .col-md-8 { + margin-top: 10px; +} +.sd-intro p { + max-width: 85em; + margin: 30px auto; + display: block; + font-size: 1.23em; + text-align: left; +} +.sd-intro .tag-p { + font-weight: 600; + font-size: 1.9em; + text-align: bottom; +} +.sd-intro .destination { + font-size: 20px; +} +.sd-intro p:empty { + margin: 0; +} +.sd-intro h2 { + text-transform: uppercase; + font-weight: 800; + color: #d61e57; + margin: 0; + float: left; + position: relative; + width: 100%; + text-align: left; + z-index: 10; + padding: 5px 0px; + line-height: 1; +} +.sd-intro h2 span { + background: #ffffff; + display: inline-block; + position: relative; + z-index: 20; + line-height: 1; + padding: 0 5px 0 0; +} +.sd-intro .tagline { + position: absolute; + bottom: 0px; + right: -25px; +} +@media screen and (max-width: 990px) { + .sd-intro .tagline { + position: relative; + } +} +.sd-intro .row { + border-left: 0; + border-right: 0; +} +.sd-intro .fa { + display: block; + margin: 30px auto -15px auto; + padding: 5px; + color: #368ccb; + font-size: 1.8em; +} +.sd-intro .first, +.sd-intro p em { + color: #0079c1; + font-style: normal; +} +@media (max-width: 991px) { + .sd-intro .sd-connect, + .sd-intro .sd-learn, + .sd-intro .sd-innovate { + max-width: 600px; + margin: 10px auto; + } +} +.suggested-topic-h3 { + font-weight: 600; + font-size: 1.2em; + border-bottom: 2px solid #368ccb; + color: #368ccb; + padding: 0 0 5px 0; + margin-top: 0; +} +.suggested-topics-list { + padding-left: 0; + list-style: none; + margin: 0 0 0 7px; +} +.suggested-topics-list li { + display: block; + padding-left: 10px; + position: relative; + margin: 0 0 5px 0; +} +.suggested-topics-list li i { + position: absolute; + left: -6px; + top: 5px; +} +.site-cn .conf-languageNote { + display: none; +} +.testimonial-carousel { + max-width: 35em; + margin: 0 auto; +} +.testimonial-carousel h3 { + text-transform: uppercase; + font-weight: 800; + color: #d61e57; + position: relative; + width: 100%; + text-align: left; + z-index: 10; + padding: 5px 0; + line-height: 1; + margin: 0 auto 1em auto; + display: block; +} +.testimonial-carousel h3 span { + background: #ffffff; + display: inline-block; + position: relative; + z-index: 20; + line-height: 1; + padding: 0 5px 0 0; +} +.testimonial-carousel h3:after { + display: block; + content: ' '; + height: 5px; + background: #d61e57; + position: absolute; + bottom: 7px; + right: 0; + width: 100%; + z-index: 5; +} +.testimonial-carousel .item p { + max-width: 35em; + margin: 0 auto; +} +.testimonial-carousel .item .source { + text-align: right; + font-size: 0.9em; + font-style: italic; + margin-top: 0.5em; +} +.testimonial-carousel .carousel-indicators { + bottom: -40px; + width: 100%; + left: 0; + margin-left: 0; + color: #333333; +} +.testimonial-carousel .carousel-indicators ol li { + color: #333333; + border-color: #000000; + background-color: #ffffff; +} +.testimonial-carousel .carousel-indicators ol li.active { + background-color: #000000; +} +.testimonial-carousel .carousel-control { + background-image: none; + font-size: 40px; + width: 20px; + color: #333333; + opacity: 0.5; +} +.testimonial-carousel .carousel-control.right { + margin-right: -45px; +} +.testimonial-carousel .carousel-control.left { + margin-left: -45px; +} +.testimonial-carousel .carousel-control i { + position: absolute; + top: 30%; + left: 0; +} +.conf-directions .cn-transport-dropdown { + width: 72%; + border: 0; + background: #00477d; + box-shadow: 0 0 0; + color: #ffffff; + border-radius: 0; + padding: 1em; + right: 0; + left: auto; +} +.conf-directions .cn-transport-dropdown li a:active, +.conf-directions .cn-transport-dropdown li a:visited { + color: #b455a0; +} +.conf-directions .cn-transport-dropdown li a:hover { + background: transparent; + color: #ffffff; + cursor: pointer; +} +.conf-directions .cn-transport-dropdown li.active a, +.conf-directions .cn-transport-dropdown li.active, +.conf-directions .cn-transport-dropdown a:hover { + background: transparent; + font-weight: 600; + cursor: default; + text-decoration: none; + color: inherit; +} +span.nobreak { + white-space: nowrap; +} +#conf-keynotes .conf-double-headshot { + float: left; + width: 40%; + margin: 0 3% 3% 0; +} +#conf-keynotes .conf-double-headshot img { + display: block; + float: none; + width: 100%; +} +[ng\:cloak], +[ng-cloak], +[data-ng-cloak], +[x-ng-cloak], +.ng-cloak, +.x-ng-cloak { + display: none !important; +} +@media screen and (max-width: 990px) { + #conf-keynotes .conf-double-headshot { + float: left; + width: 38%; + margin: 0 0% 3% 0; + } + #conf-keynotes .conf-double-headshot img { + float: left; + width: 50%; + } +} +/*================= Reusable classes =================*/ +.conf-a-link { + color: #b455a0 !important; +} +.conf-h5-heading { + color: #0079c1; + text-align: center; + line-height: 28px; + padding: 0 10% 40px; + position: relative; +} +.action-txt { + color: #0079c1; + font-weight: 600; +} +.conf-dark { + color: #585858; +} +.conf-border-b { + margin-bottom: 60px; + padding-bottom: 15px; + border-bottom: 1px solid #d61e57; +} +.conf-text-box { + border-radius: 4px; + box-shadow: 0px 16px 24px -6px rgba(0, 0, 0, 0.5); +} +.conf-cta-btn { + background-color: #0079c1; + font-weight: bold; + color: #ffffff; + border: 0; + text-align: center; +} +.conf-intro-bg { + background-color: #f2f2f2; +} +.conf-remove-l-gutter { + padding-left: 0; +} +.conf-remove-r-gutter { + padding-right: 0; +} +.conf-remove-gutter { + padding: 0; +} +.conf-add-p { + padding: 5px; +} +.conf-cta-button { + padding: 8px 27px; + border: 0; + border-radius: 4px; + color: #ffffff; + background-color: #0079c1; + box-shadow: 0 1px 2px 0px rgba(72, 67, 73, 0.3); +} +.conf-cta-button:hover { + color: #eea342; +} +.conf-overlay-bg { + content: ""; + display: inline-block; + position: absolute; + width: 100%; + height: 100%; + background: #00000082; + top: 0; + left: 0; + z-index: 0; +} +.conf-t-box-s { + box-shadow: inset 0 15px 18px -14px rgba(0, 0, 0, 0.5); +} +.conf-b-box-s { + box-shadow: 0 1px 2px 0px rgba(35, 37, 40, 0.3); +} +/*=================/ Reusable classes =================*/ +/*================= Typography =================*/ +.conf-lgPageHeading { + margin-bottom: 0px; + font-size: 2.7em; + color: #25325b; + text-transform: uppercase; + font-weight: 900; + text-align: left; +} +.conf-lgPageHeading + span { + display: block; + color: #0079c1; + padding: 0 5px 0 2px; + margin-top: 5px; + border-top: 1px solid #b455a0; +} +.sd-heading { + color: #25325b; + font-weight: 900; + margin-top: 0; +} +.sd-subHeading { + color: #0079c1; +} +.conf-green-accent { + padding-bottom: 10px; + border-bottom: 1px solid #b455a0; +} +.conf-paragraph { + font-size: 1em; + line-height: 25px; + font-weight: 400; + color: #585858; +} +/*=================/ Typography =================*/ +/*================= Conf Main Header =================*/ +.header-block { + width: 100%; + height: 250px; + background: #25325b url('https://cdn.comsol.com/conference/2020/hero-images/COMSOL_Conference_Web_Header-1903x250.png'); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + position: relative; + border-bottom: 1px solid #25325b; + overflow: hidden; + /*Header Logo */ +} +.header-block:before { + content: ""; + display: block; + height: inherit; + width: inherit; + position: absolute; + background-color: rgba(42, 42, 114, 0.13); +} +.header-block .header-info h1 a { + background-position: 43% 63%; + background-size: 85%; +} +.header-block .logo-nav-home .location-dropdown { + top: 89px; +} +.conf-bar-stuck { + background-color: #25325b; +} +.conf-bar-stuck .conf-logo-nav-container { + padding: 0; + background-color: #b455a0; +} +.conf-bar-stuck .conf-logo-nav-container h1 { + height: 100%; +} +.conf-bar-stuck .conf-logo-nav-container h1 .conf-logo-nav { + display: block; + width: 100%; + height: 100%; + background-position: center; + background-size: 80%; +} +.conf-bar-stuck .conf-logo-nav-container, +.conf-bar-mobile .conf-logo-nav-container { + background-color: #0079c1; + height: 90px; + width: 182px; + position: absolute; +} +.conf-bar-stuck .conf-logo-nav-container .conf-logo-nav, +.conf-bar-mobile .conf-logo-nav-container .conf-logo-nav { + display: block; + height: 100%; + width: 100%; + background-position: center !important; + background-repeat: no-repeat !important; + max-width: 100%; +} +.conf-bar-desktop .conf-main-nav { + background: #25325b; + box-shadow: 0 3px 10px rgba(42, 42, 114, 0.52156863); + height: 63px; +} +.conf-bar-desktop .conf-main-nav li a { + display: block; + height: 100%; + width: 100%; + box-shadow: 0 0 0 0 #b455a0; +} +.conf-bar-desktop a, +.conf-bar-desktop a:active, +.conf-bar-desktop a:visited { + transition: 0.2s; + color: #eaf6ff; +} +.conf-bar-desktop a:hover, +.conf-bar-desktop a:active:hover, +.conf-bar-desktop a:visited:hover, +.conf-bar-desktop a:focus, +.conf-bar-desktop a:active:focus, +.conf-bar-desktop a:visited:focus { + color: #b455a0; +} +.conf-bar-mobile button.conf-mobile-toggle { + background-color: #0079c1; + color: #ffffff; + border: none; +} +.conf-bar-mobile button.conf-mobile-toggle:hover, +.conf-bar-mobile button.conf-mobile-toggle:active, +.conf-bar-mobile button.conf-mobile-toggle:focus { + background-color: #006fb2; + color: #eeeeee; +} +.conf-bar-mobile button.conf-mobile-toggle:visited { + color: #ffffff; +} +/*=================/ Conf Main Header =================*/ +/*================= Conference Home Media Container =================*/ +/*Main Image*/ +.conf-media-container { + text-align: center; + position: relative; + width: 100%; + background-size: cover; + background-repeat: no-repeat; + background-position: top left; + overflow: hidden; +} +.conf-media-container img, +.conf-media-container video { + width: 100%; +} +.why-attend img { + width: 100%; +} +.why-attend .conf-slogan-c, +.why-attend .conf-slogan-l, +.why-attend .conf-slogan-i { + font-size: 1.23em; + font-weight: 800; + text-align: left; +} +.conf-slogan-c { + color: #0079c1; +} +.conf-slogan-l { + color: #25325b; +} +.conf-slogan-i { + color: #b455a0; +} +.slogan-text { + margin: 15px 0; + font-size: 1.23em; +} +.sd-features-container { + padding: 0; + margin-bottom: 20px; +} +.sd-features-container li { + list-style: none; + display: block; + font-size: 1em; +} +.why-attend { + background-color: #dddddd; +} +.why-attend__box { + position: relative; +} +.why-attend__box img { + width: 100%; +} +.why-attend__slogan { + position: absolute; + top: -54.5px; + width: 100%; + text-align: center; + font-size: 3.8em; + font-weight: 800; + text-transform: uppercase; +} +.why-attend__slogan--connect { + color: #0079c1; + /* @conf-blue */ +} +.why-attend__slogan--learn { + color: #25325b; + /* @conf-black */ +} +.why-attend__slogan--innovate { + color: #b455a0; + /* @conf-purple */ +} +.why-attend__slogan-text { + background: #e3cde0; + /* @conf-light-purple */ + background: rgba(163, 84, 143, 0.35); + /* @conf-purple at 35% opacity */ + padding: 45px 20px 15px; + color: #333333; +} +@media (max-width: 991px) { + .why-attend__slogan-text { + min-height: 110px; + padding-top: 30px; + margin-bottom: 60px; + } +} +@media (max-width: 1199px) { + .why-attend__slogan { + top: -47.5px; + font-size: 3.2em; + } + .why-attend__slogan-text { + padding: ; + } +} +@media (min-width: 992px) { + .why-attend__slogan-text { + min-height: 180px; + padding-top: 35px; + } +} +@media (min-width: 1200px) { + .why-attend__slogan-text { + font-size: 17px; + } +} +/*=================/ Conference Home Media Container =================*/ +/*================= Conference Home Image Gallery =================*/ +#conf-home-locations .container-fluid { + background-color: #25325b; +} +/* Save the date home page*/ +#schedule-archive h2 { + text-transform: uppercase; + font-size: 2em; + font-weight: 800; + overflow: hidden; +} +#schedule-archive .conf-btn-sharp { + display: inline-block; + margin: 0 auto; + color: #ffffff; + font-size: 1.25em; + line-height: 1.4em; + padding: 8px 0px; + text-align: left; + text-transform: uppercase; + border: 0px; + background: transparent; + transition: 0.2s; + font-weight: 600; +} +#schedule-archive .conf-btn-sharp:hover { + color: #ffffff; + background-color: #0069a8; +} +#schedule-archive a:hover { + text-decoration: none; +} +.schedule-archive--spacing { + display: block; + overflow: hidden; + position: absolute; + top: 0px; + padding: 0 25px; + width: 100%; + height: 100%; +} +.sd--schedule-text { + color: #ffffff; + margin-bottom: 25px; +} +.hr__sd { + border-color: #cecece; +} +.conf-location-box { + background: rgba(37, 50, 91, 0.7); + transition: background 0.6s ease-in-out; +} +.conf-location-box .inner { + background-color: #b455a0; + top: 50%; + width: 80%; + margin: 0 auto; + padding: 5px 0; + text-shadow: none; + border-radius: 4px; + box-shadow: 0px 14px 7px -12px #25325b; + border-bottom: 1.8px solid #b455a0; +} +.conf-location-box .inner .conf-lp-location { + font-weight: 700; + color: #ffffff; + font-size: 25px; +} +.conf-location-box .inner .conf-lp-date { + font-size: 18px; + font-weight: 400; + color: #e3cde0; + margin-top: 2px; +} +.conf-location-preview a.conf-closed .conf-location-box { + background: rgba(37, 50, 91, 0.7); + transition: background 0.6s ease-in-out; +} +.conf-location-preview a.conf-closed:hover .conf-location-box { + background: rgba(37, 50, 91, 0.2); +} +.conf-location-preview a.coming-soon .conf-location-box .inner { + background: #999999; + border-bottom: #999999; +} +.conf-location-preview a.conf-open .conf-location-box { + transition: background 0.35s ease, box-shadow 0.5s ease-in-out; + background: rgba(37, 50, 91, 0.7); +} +.conf-location-preview a.conf-open:hover .conf-location-box { + background: rgba(180, 85, 160, 0.15); +} +.conf-location-preview a.conf-open:hover .conf-location-box .inner { + transition: top 0.75s ease 0.25s 0.1s, box-shadow 0.1s ease-in-out 0.15s; + box-shadow: 0px 22px 20px -13px #25325b; +} +.conf-location-preview a.conf-open:hover .conf-location-box .conf-location-status { + font-size: 1em; +} +.conf-location-preview a.conf-open:active .conf-location-box .inner { + box-shadow: 0px 14px 7px -12px #25325b; +} +.conf-location-preview a.conf-open:hover .conf-location-reg-open, +.conf-location-status { + transition: all 0.5s ease; +} +/*=================/ Conference Home Image Gallery =================*/ +/*================= Conference Home Form =================*/ +.conf-save-the-date-form { + background-color: #ffffff; +} +.conf-save-the-date-form .conf-stdf-box { + background-color: #eaf6ff; + border-bottom: 1px solid #b8b8b8; + padding: 18px; +} +.conf-save-the-date-form .conf-stdf-box .conf-form-heading { + color: #25325b; + padding-bottom: 5px; + border-bottom: 1px solid #b8b8b8; +} +.conf-save-the-date-form .conf-stdf-box .text-input, +.conf-save-the-date-form .conf-stdf-box .select { + border: 1px solid #dddddd; +} +.conf-save-the-date-form .conf-stdf-box .text-input { + background-color: #f2f2f2; +} +.conf-save-the-date-form .conf-stdf-box .select { + color: #585858; + background-color: #f2f2f2; +} +.conf-save-the-date-form .conf-stdf-box .text-input:focus { + border: none; + box-shadow: inset 0 0 0 1px #0079c1; + background-color: #f2f2f2; +} +.conf-save-the-date-form .conf-stdf-box .text-input-label { + color: #585858; +} +.conf-save-the-date-form .conf-stdf-box .text-input-label, +.conf-save-the-date-form .conf-stdf-box .conf-form-location-check { + font-weight: 600; +} +.conf-save-the-date-form .conf-stdf-box button { + background-color: #b455a0; +} +.conf-save-the-date-form .conf-stdf-box button:hover { + background-color: #a64993; +} +/*=================/ Conference Home Form =================*/ +/*================= Conference Home Footer =================*/ +#conf-back-to-top { + background-color: #25325b; +} +#conf-back-to-top span a { + color: #ffffff; +} +#conf-footer { + padding: 50px 0 30px; + padding-bottom: 0; + background-color: #25325b; + border-top: 1px solid #b455a0; +} +#conf-footer .conf-comsol-logo { + max-width: 175px; +} +#conf-footer .conf-social-links ul .fa-circle { + font-size: 3.8rem; +} +#conf-footer ul.conf-footer-links { + padding: 10px 0 50px; +} +/*=================/ Conference Home Footer =================*/ +/*================= Location Page Intro Section =================*/ +#conf-location-intro h3.conf-h3 { + font-weight: 300; +} +#conf-location-intro .cta-btns-anchor { + text-align: center; +} +#conf-location-intro .conf-btn-blue { + display: inline-block; + margin: 20px auto; + border-radius: 5px; + -webkit-transition: 0.2s; + transition: 0.2s; + color: #ffffff; + font-weight: 400; + font-size: 22px; + padding: 8px 40px; + text-transform: uppercase; + background: #0079c1; + border-bottom: 5px solid #0069a8; + transition: all 0.15s ease; +} +#conf-location-intro .conf-btn-blue:hover { + color: #ffffff; + background-color: #0069a8; + text-decoration: none; +} +#conf-location-intro .conf-btn-blue:active { + border-bottom: 2px solid #0069a8; +} +#conf-location-intro .conf-p-large { + margin: 0 0 28px 0; +} +#conf-location-intro .conf-p-large, +#conf-location-intro ul li { + font-size: 1em; + line-height: 24px; + font-weight: 400; + color: #585858; +} +#conf-location-intro .conf-p-large + ul li { + margin-bottom: 15px; +} +#conf-location-intro #program p { + display: block; +} +/*=================/ Location Page Intro Section =================*/ +.conf-hide-element { + display: none !important; +} +/*================= Location Page Schedule Section =================*/ +#conf-location-schedule { + /*#conf-location-schedule*/ +} +#conf-location-schedule .conf-schedule-tabs li { + background-color: #25325b; + color: #b455a0; +} +#conf-location-schedule .conf-schedule-tabs li:hover { + background-color: #b455a0; + color: #25325b; +} +#conf-location-schedule .conf-schedule-tabs li .conf-schedule-tabs li.active a { + color: #25325b; +} +#conf-location-schedule .conf-schedule-tabs li:hover a, +#conf-location-schedule .conf-schedule-tabs li:focus a, +#conf-location-schedule .conf-schedule-tabs li:visited a, +#conf-location-schedule .conf-schedule-tabs li:hover a:visited, +#conf-location-schedule .conf-schedule-tabs li:focus a:visited, +#conf-location-schedule .conf-schedule-tabs li:visited a:visited, +#conf-location-schedule .conf-schedule-tabs li.active a { + background-color: #ffffff; + color: #25325b; +} +#conf-location-schedule .conf-schedule-tabs li.active { + color: #b455a0; +} +#conf-location-schedule .conf-schedule-list li i.fa.fa-caret-down, +#conf-location-schedule .conf-schedule-list-wrapper ul li i.fa.fa-caret-down { + color: #25325b; +} +#conf-location-schedule .conf-schedule-list li em, +#conf-location-schedule .conf-schedule-list-wrapper ul li em { + color: #0079c1; +} +#conf-location-schedule .conf-schedule-list a, +#conf-location-schedule .conf-schedule-list-wrapper ul a { + text-decoration: none; + cursor: default; +} +#conf-location-schedule .conf-schedule-list a li:hover, +#conf-location-schedule .conf-schedule-list-wrapper ul a li:hover, +#conf-location-schedule .conf-schedule-list a li:hover i.fa.fa-caret-down, +#conf-location-schedule .conf-schedule-list-wrapper ul a li:hover i.fa.fa-caret-down { + color: #b455a0; + cursor: pointer; +} +#conf-location-schedule .course-desc a { + border-bottom: none; +} +#conf-location-schedule .course-desc p:first-child { + font-size: 1em; + margin-top: 4px; + line-height: 25px; + font-weight: 400; + color: #585858; +} +#conf-location-schedule .conf-row.alt { + box-shadow: -1px 16px 0 -15px #f2f2f2; + background-color: #ffffff; +} +#conf-location-schedule .conf-schedule-list-wrapper ul li { + color: #0079c1; +} +#conf-location-schedule .conf-schedule-list li { + list-style: none; + color: #0079c1; + font-size: 1em; + line-height: 24px; +} +#conf-location-schedule .conf-schedule-list li a { + text-decoration: underline; +} +#conf-location-schedule .conf-schedule-list li a:hover { + cursor: pointer; + color: #b455a0; +} +#conf-location-schedule .conf-schedule-list li p > em { + color: #636363; + font-weight: normal; + margin-top: 20px; +} +#conf-location-schedule .conf-shanghai-agenda .conf-schedule-list li { + font-size: 0.95em; + color: #585858; + padding: 2px 0; +} +#conf-location-schedule .conf-shanghai-agenda .conf-schedule-list li a { + display: block; + color: #368ccb; + padding: 2px; +} +#conf-location-schedule .conf-shanghai-agenda .conf-schedule-list li a:hover { + cursor: pointer; + opacity: 0.9; +} +#conf-location-schedule #moderators- + ul li, +#conf-location-schedule #panelists- + ul li, +#conf-location-schedule #moderators- + ul strong, +#conf-location-schedule #panelists- + ul strong { + color: #368ccb; +} +#conf-location-schedule #__modeling-strategies-for-acoustics-simulations__, +#conf-location-schedule #__power-electromagnetic-systems__, +#conf-location-schedule #__materials-processing-and-additive-manufacturing__ { + margin-bottom: 3px; + font-size: 26px; +} +#conf-location-schedule #__modeling-strategies-for-acoustics-simulations__ + p strong, +#conf-location-schedule #__power-electromagnetic-systems__ + p strong, +#conf-location-schedule #__materials-processing-and-additive-manufacturing__ + p strong { + color: #999999; +} +#conf-location-schedule #mini-desc-39702-11072 p { + margin: 0; +} +#conf-location-schedule #mini-desc-39702-11072 p:nth-child(2) strong:last-child { + font-size: 14px; + color: red; +} +#conf-location-schedule .course-desc ul { + margin-bottom: 1em; +} +#conf-location-schedule .course-desc li { + list-style: disc; + color: #333333; +} +/*=================/ Location Page Schedule Section =================*/ +/*================= Location Page Map Section =================*/ +#conf-location-map { + box-shadow: inset 0 15px 18px -14px rgba(0, 0, 0, 0.5); + position: relative; +} +#conf-location-map:before { + position: absolute; + content: ""; + display: block; + height: 100%; + width: 100%; + background-color: rgba(35, 37, 40, 0.15); + top: 0; + right: 0; +} +#conf-location-map .conf-venue-box .conf-h3 { + color: #0079c1; + font-weight: 800; +} +#conf-location-map .conf-venue-box .conf-h5 { + color: #25325b; + font-weight: unset; + padding-bottom: 3px; + border-bottom: 1px solid #b455a0; +} +#conf-location-map .conf-venue-box .conf-p-small { + color: #25325b; + font-size: 1.09em; + line-height: 1.5em; + font-weight: 400; +} +#conf-location-map .conf-venue-box .conf-p-small p { + color: #25325b; +} +#conf-location-map .conf-venue-box .conf-btn-sharp-small { + background-color: #0079c1; + font-weight: bold; + color: #ffffff; + border: 0; + border-radius: 4px; +} +#conf-location-map .conf-venue-box .conf-btn-sharp-small:hover { + color: #ffffff; + background-color: #0069a8; + text-decoration: none; +} +/*=================/ Location Page Map Section =================*/ +/*================= Location Page Directions Section =================*/ +.conf-directions { + padding: 0px; +} +.conf-directions h3 { + margin-bottom: 30px; +} +.conf-directions h5 { + font-size: inherit; + margin: 25px 0; +} +.conf-directions .conf-p-small { + font-size: 1.1em; + line-height: 26px; + font-weight: 300; + text-align: left; + padding: 0 18px; +} +.conf-directions .conf-dir-icons { + display: block; + width: 160px; + height: 160px; + padding: 14px; +} +.conf-directions .conf-p-small { + font-weight: 400; + font-size: 1em; +} +.conf-directions .conf-trans-heading { + font-size: 24px; + margin-bottom: 8px; +} +.conf-directions .text-color { + color: #ffffff; +} +.conf-directions .underline { + text-decoration: underline; +} +.conf-directions .conf-sub-heading-color { + color: #0079c1; +} +.conf-directions .conf-transportation-table tbody { + padding: 0 5px; +} +.conf-directions .conf-transportation-table .sub-heading { + font-size: 18px; + padding: 24px 0 0px 0; +} +.conf-directions .conf-transportation-table .left-pad { + padding-left: 15px; + font-weight: 400px; +} +.conf-directions .conf-transportation-table .border-b { + border-bottom: 1px solid rgba(0, 121, 193, 0.25); +} +.conf-directions .conf-transportation-table .trademarks { + font-weight: 700; + color: #b455a0; +} +/*================= /Location Page Directions Section =================*/ +/*================= Location Page Podium Section =================*/ +#conf-podium-bg { + padding: 209px 0 0 0; + text-align: left; + position: relative; + box-shadow: inset 0 15px 18px -14px rgba(0, 0, 0, 0.5); + /*call to action btn*/ +} +#conf-podium-bg h4 { + text-shadow: none; + color: #0079c1; + font-weight: 400; + font-size: 2rem; + text-align: left; + line-height: 29px; + padding-top: 23px; +} +#conf-podium-bg p { + color: #25325b; +} +#conf-podium-bg .conf-btn-sharp { + width: 46%; + border-radius: 4px; + display: inline-block; +} +#conf-podium-bg .conf-btn-sharp:hover { + color: #ffffff; + background-color: #0069a8; +} +/*=================/ Location Page Podium Section =================*/ +/*================= Location Page Sponsors Section =================*/ +#conf-sponsors { + padding-bottom: 0; +} +#conf-sponsors .conf-p-large { + color: #585858; + font-weight: 600; +} +#conf-sponsors .sponsorship-btn { + border-radius: 4px; + max-width: 40%; + padding: 10px; + margin-bottom: 30px; + color: #ffffff; + background-color: #0079c1; +} +#conf-sponsors .sponsorship-btn:hover { + background-color: #0069a8; + color: #ffffff; + text-decoration: none; +} +#conf-sponsors h2 span { + font-weight: 900; + color: #25325b; + font-size: inherit; +} +#conf-sponsors .conf-h5 { + font-size: 1.5em; + font-weight: 800; +} +/*=================/ Location Page Sponsor Section =================*/ +/*================= My-Conference Page Contact Section =================*/ +#conf-contact { + background-color: #f2f2f2; +} +#conf-contact .conf-accent { + color: #0079c1; +} +#conf-contact .conf-h2 { + color: #25325b; +} +/*=================/ My-Conference Page Contact Section =================*/ +/*================= Registration Page Section =================*/ +#conf-reg-include { + position: relative; + background-color: rgba(242, 242, 242, 0.8); + box-shadow: inset 0 15px 18px -14px rgba(0, 0, 0, 0.5); +} +#conf-reg-include:before { + content: ""; + display: inline-block; + position: absolute; + width: 100%; + height: 100%; + background: #00000082; + top: 0; + left: 0; + z-index: 0; +} +#conf-reg-include .conf-text-box { + padding: 0 24px 5px 24px; + max-width: 596px; +} +#conf-reg-include h3 { + color: #25325b; + padding: 27px 0 9px 0px; + text-align: left; + border-bottom: 1px solid #b455a0; + font-weight: 800; +} +#conf-reg-include ul { + padding: 4px 0 0 25px; +} +#conf-reg-include ul li { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + padding: 5px 0; + color: #25325b; + font-size: 1em; + line-height: 24px; + font-weight: 400; +} +#conf-reg-include ul li > p:first-of-type { + color: #25325b; +} +#conf-reg-include ul + p { + padding-bottom: 15px; +} +#conf-reg-include ul + p strong:last-child { + color: #e65e30; + font-size: 13px; +} +.register-btn { + margin-top: 25px; +} +#conf-pricing h3 { + color: #25325b; + font-weight: 800; +} +#conf-pricing table tr th { + color: #25325b; +} +#conf-pricing .conf-dark { + color: #999999; +} +#conf-pricing #dLabel { + background-color: #0079c1; + color: #ffffff; + border-color: #0079c1; +} +#conf-pricing #dLabel:hover { + background-color: #0069a8; +} +#conf-pricing #priceList table thead tr th { + text-align: left; +} +#conf-pricing .testimonial-carousel h3:after { + background: #0079c1; +} +#conference-reg-form-wrapper .text-input:focus { + border: none; + box-shadow: inset 0 0 0 1px #0079c1; + background-color: #f2f2f2; +} +.conf-stdf-box #contactBasic .form-errors ul li { + color: rgba(35, 37, 40, 0.45); +} +#conf-reg-steps .form-errors ul li { + color: rgba(35, 37, 40, 0.45); +} +/*=================/ Registration Page Section =================*/ +/*================= Agreement Page =================*/ +#conf-user-agreement .sd-subHeading { + padding: 13% 0 4% 0; +} +/*=================/ Agreement Page Section =================*/ +/*=============== Call For Papers ===================*/ +.conf-h5__cfphero { + color: #ffffff; + position: relative; + bottom: 45px; + text-align: center; +} +#conf-whyPresent { + background: #f2f2f2; + padding-bottom: 50px; +} +#conf-whyPresent h3.first { + margin-top: 0; + font-weight: 800; + font-size: 1.7rem; + color: #25325b; +} +#conf-whyPresent .conf-on-this-page { + background-color: #f2f2f2; + padding: 15px; +} +#conf-whyPresent .conf-on-this-page h4 { + margin-top: 0; + font-weight: 800; + font-size: 1.7rem; + color: #25325b; +} +#conf-whyPresent .conf-on-this-page p, +#conf-whyPresent .conf-on-this-page li, +#conf-whyPresent .conf-on-this-page a { + color: #25325b; +} +#conf-whyPresent .conf-on-this-page p { + margin-bottom: 5px; +} +#conf-whyPresent .conf-on-this-page .cfp-next-step { + font-weight: 800; + text-decoration: underline; + color: #0079c1; +} +#conf-whyPresent .conf-on-this-page .cfp-next-step:hover { + color: #b455a0; +} +#conf-whyPresent .conf-on-this-page span { + color: #25325b; +} +#conf-presentTopics { + box-shadow: inset 0 10px 18px -14px rgba(46, 46, 46, 0.51); +} +#conf-presentTopics .suggested-topic-h3 { + border-bottom: 1px solid #b455a0; + color: #0079c1; +} +#conf-presentTopics .suggested-topics-list li { + margin: 0; + padding: 5px 0 5px 15px; +} +#conf-presentTopics .suggested-topics-list li i { + left: -3px; + top: 11px; + color: #252525; +} +#conf-instructions { + background: #eeeeee; + text-align: center; +} +#conf-instructions p { + font-size: 1em; + line-height: 25px; + font-weight: 400; + color: #585858; +} +#conf-instructions a { + padding: 10px; +} +#conf-instructions a:hover { + text-decoration: none; + color: #b455a0; +} +#conf-instructions a i { + padding: 5px; +} +#conf-instructions .oral-box { + padding: 0; + background-color: #0079c1; +} +#conf-instructions .oral-box h3.conf-h3 { + background-color: rgba(255, 255, 255, 0.22); +} +#conf-instructions .poster-box { + padding: 0; + background-color: #25325b; +} +#conf-instructions .poster-box h3.conf-h3 { + background-color: rgba(255, 255, 255, 0.22); +} +#conf-instructions [class$="box"] p { + color: #ffffff; +} +#conf-instructions .awards-box { + padding-top: 40px; +} +#conf-instructions .awards-box p { + color: #585858; +} +#conf-instructions .conf-paragraph ol li { + margin-bottom: 20px; +} +#conf-instructions .conf-paragraph ol li a { + padding: 10px 0; +} +#conf-publish { + position: relative; +} +#conf-publish .publish-wrappr { + background-color: rgba(242, 242, 242, 0.8); + padding: 30px; + background-color: #ffffff; +} +#conf-publish .publish-wrappr h3.conf-h3 { + margin-top: 0px; +} +#conf-publish .publish-wrappr h3.conf-h3 { + margin-top: 0; + padding-bottom: 10px; + color: #25325b; + text-align: left; + border-bottom: 1px solid #b455a0; + font-weight: 800; +} +#conf-publish .publish-wrappr p { + font-size: 1em; + line-height: 25px; + font-weight: 400; + color: #585858; +} +#conf-abstract a.conf-document-grey { + font-size: 1.2em; + color: #e3cde0; +} +#conf-abstract a.conf-document-grey:hover { + opacity: 0.5; +} +#conf-abstract ol li { + font-size: 1em; + line-height: 25px; + font-weight: 400; + color: #585858; + color: #ffffff; +} +#conf-abstract ol li a { + color: #e3cde0; +} +#conf-abstract ol li a:hover { + opacity: 0.5; +} +#conf-abstract button.conf-btn-sharp { + padding: 8px 27px; + border: 0; + border-radius: 4px; + color: #ffffff; + background-color: #0079c1; + box-shadow: 0 1px 2px 0px rgba(72, 67, 73, 0.3); +} +#conf-abstract button.conf-btn-sharp:hover { + color: #eea342; +} +#conf-publish { + box-shadow: inset 0 15px 18px -14px #2e2e2e; +} +#conf-publish .conf-cta-button { + width: 100%; + display: inline-block; + font-weight: 800; + font-size: 1.35rem; +} +#conf-publish .conf-cta-button:hover { + background-color: #0079c1; +} +#conf-program-committee .conf-h2, +#conf-author-deadlines .conf-h2, +#conf-program-committee .conf-h3, +#conf-author-deadlines .conf-h3 { + color: #25325b; +} +#conf-program-committee .conf-p-large, +#conf-author-deadlines .conf-p-large { + font-size: 1em; + line-height: 25px; + font-weight: 400; + color: #585858; +} +#conf-program-committee { + padding-bottom: 0; +} +#conf-program-committee .conf-h2 + .conf-h3 { + color: #0079c1; +} +#conf-program-committee .conf-headshot { + padding: 10px; + background-color: #ffffff; + border-bottom: 1px solid #dddddd; +} +#conf-program-committee .conf-committee-profile { + padding: 40px; +} +#conf-program-committee .conf-committee-profile .conf-name, +#conf-program-committee .conf-committee-profile .conf-company, +#conf-program-committee .conf-committee-profile .conf-csr-office, +#conf-program-committee .conf-committee-profile .conf-country { + display: block; + text-align: center; +} +#conf-program-committee .conf-committee-profile .conf-name { + text-transform: uppercase; + font-weight: 900; +} +#conf-program-committee .conf-committee-profile .conf-rep-title { + line-height: 25px; +} +#conf-program-committee .conf-committee-profile .conf-company, +#conf-program-committee .conf-committee-profile .conf-csr-office, +#conf-program-committee .conf-committee-profile .conf-country { + font-size: 0.8em; +} +#conf-program-committee .conf-committee-profile hr { + margin: 6px 0; +} +#conf-program-committee .conf-committee-profile .conf-country { + font-weight: 900; + font-size: 0.7em; +} +/*===============/ Call For Papers ===================*/ +/*=============== Paper guidelines ====================*/ +.btn-short { + width: 325px; +} +/*=============== Paper guidelines ====================*/ +/*=============== Conf Abstract Page ===================*/ +#abstract-form .conf-h2 { + color: #25325b; +} +#abstract-form .conf-required-field { + color: #b455a0; +} +#abstract-form #conferenceAbsractForm .conf-dark { + color: #585858; +} +#abstract-form #conferenceAbsractForm .conf-h5 { + font-size: 1em; +} +#abstract-form #conferenceAbsractForm h4 { + color: #333333; +} +#abstract-form #conferenceAbsractForm input[value="Submit Abstract"] { + border: none; + background: #0079c1; + border-radius: 4px; + color: #ffffff; + padding: 5px 30px; + margin-bottom: 15px; +} +#abstract-form #conferenceAbsractForm input[value="Submit Abstract"]:hover { + opacity: 0.9; + color: #b455a0; +} +/*===============/ Conf Abstract Page ===================*/ +/*=============== Conf Keynotes Page ===================*/ +#conf-keynotes { + background-color: #f2f2f2; + padding-bottom: 0; +} +#conf-keynotes .conf-h5 { + color: #25325b; + line-height: 26px; +} +#conf-keynotes .conf-h4 { + font-size: 1em; + font-weight: 900; +} +#conf-keynotes img { + width: 100%; +} +#conf-keynotes .conf-headshot { + width: 100%; + float: left; + border: none; + border-bottom: 1px solid #dddddd; +} +#conf-keynotes .cof-img-frame { + padding: 5px; + margin-bottom: 0; +} +#conf-keynotes .name { + font-weight: 800; + font-size: 1.2em; +} +#conf-keynotes .name p { + margin-bottom: 0; + color: #585858; +} +#conf-keynotes .title { + font-weight: 700; + color: #585858; + font-size: 0.85em; +} +#conf-keynotes .title, +#conf-keynotes .company { + font-size: 0.85em; +} +#conf-keynotes .company { + font-weight: 700; + color: #dddddd; +} +#conf-keynotes .time { + font-size: 0.84em; + font-weight: inherit; +} +#conf-keynotes .conf-profile-info { + display: table; + width: 100%; + background-color: #ffffff; + padding: 12px; +} +#conf-keynotes .conf-about-speaker { + color: #555555; + margin-bottom: 0; +} +#conf-keynotes a.about-speaker { + color: #0079c1; + font-size: 1.45rem; +} +#conf-keynotes a.about-speaker:hover { + color: #b455a0; + text-decoration: none; +} +#conf-keynotes a.about-speaker:active, +#conf-keynotes a.about-speaker:focus, +#conf-keynotes a.about-speaker:visited { + text-decoration: none; +} +#conf-keynotes .about-speaker-heading { + font-size: 1.45rem; + color: #0079c1; + font-weight: 800; +} +/*===============/ Conf Keynotes Page ===================*/ +/*=============== Conf Payment Page ===================*/ +.conf-payment .conf-text-box { + text-align: center; + max-width: 700px; + margin: 0 auto; + border: 1px solid #e7edf5; + box-shadow: 0px 12px 17px -12px rgba(0, 0, 0, 0.5); +} +.conf-payment .conf-payment__icon { + max-width: 70px; +} +.conf-payment .conf-payment__text { + margin: 1em 0; + padding: 0 20px; +} +.conf-payment .conf-btn-sharp-small { + font-weight: bold; + border: none; + border-radius: 4px; + background-color: #0079c1; +} +.conf-payment .conf-btn-sharp-small:hover, +.conf-payment .conf-btn-sharp-small:active, +.conf-payment .conf-btn-sharp-small:focus { + color: #ffffff; + background-color: #0069a8; + text-decoration: none; +} +/*===============/ Conf Payment Page ===================*/ +.cta-next-year-conf { + padding: 10px; + color: #ffffff; + background-color: #b455a0; + font-weight: bold; + font-size: 18px; +} +/*=============== + conference location panel discussion panelists +===============*/ +[data-cm-course-descriptions] h5 { + color: #368ccb; + font-weight: normal; +} +[data-cm-course-descriptions] h5 + p { + display: none; +} +[data-cm-course-descriptions] h5::before { + content: "\f0d7"; + font-family: FontAwesome; + color: #25325b; + display: inline-block; + padding-right: 6px; + vertical-align: middle; +} +[data-cm-course-descriptions] h5:hover { + cursor: pointer; + color: #44af69; +} +[data-cm-course-descriptions] h5:hover::before { + color: #44af69; +} +/*================= Media Queries =================*/ +@media (max-width: 1444px) { + .conf-location-box .inner { + width: 90%; + padding: 8px 0; + } +} +@media (max-width: 1245px) { + .header-block:after { + right: -544px; + top: -13px; + } + ul.location-dropdown li a { + display: block; + line-height: 24px; + } + .conf-bar nav li { + font-weight: 800; + font-size: 1.15rem; + margin-left: 0; + } + .conf-bar-stuck a, + .conf-bar-mobile a, + .conf-bar-stuck a:active, + .conf-bar-mobile a:active, + .conf-bar-stuck a:visited, + .conf-bar-mobile a:visited { + text-transform: uppercase; + } +} +@media (max-width: 991px) { + .conf-location-preview a.conf-closed .conf-location-box { + background: rgba(37, 50, 91, 0.6) !important; + } + .conf-location-preview a.conf-closed:hover .conf-location-box { + background: rgba(37, 50, 91, 0.2) !important; + } + .conf-lp-image { + padding: 5px; + } + #conf-home-locations .container-fluid img { + border: 10px solid #ffffff; + box-shadow: 0 1px 0 0 rgba(170, 170, 170, 0.5); + } + .archived-location-title .archive-row { + padding: 0px 25px; + } + .conf-bar-mobile .conf-logo-nav-container { + padding: 0; + height: 60px; + position: relative; + left: 0; + } + .conf-bar-mobile .conf-logo-nav-container h1 { + display: block; + height: 100%; + width: 100%; + } + .conf-bar-mobile .conf-logo-nav-container h1 .conf-logo-nav { + background-size: 64%; + } + .conf-h3 { + text-transform: normal; + font-size: 1.45em; + font-weight: 900; + } + .conf-location-box { + background: rgba(68, 175, 105, 0.15) 7; + } + .conf-arrow-cta { + padding: 0 0 52px 0; + } + .conf-bar-mobile .conf-nav-list { + padding: 0; + overflow: hidden; + } + .conf-bar-mobile .conf-nav-list .fa-caret-down { + padding-left: 5px; + } + .conf-bar-mobile .conf-nav-list li { + padding: 0; + } + .conf-bar-mobile .conf-nav-list li:hover { + background-color: rgba(255, 255, 255, 0.05); + } + .conf-bar-mobile .conf-nav-list li a { + font-weight: 700; + display: block; + padding-left: 10px; + line-height: 40px; + } + .conf-bar-mobile .conf-nav-list li ul.ld-mobile { + width: 100%; + padding: 0; + top: 0; + margin: 0; + } + .conf-bar-mobile .conf-nav-list li ul.ld-mobile li { + padding: 0; + } + .conf-bar-mobile .conf-nav-list li ul.ld-mobile li a { + display: block; + padding-left: 25px; + } + .sd-features-container li { + margin-bottom: 15px; + font-size: 1em; + color: #585858; + } + #conf-home-locations .container-fluid { + padding-top: 18px; + } + .conf-location-preview a.conf-closed .conf-location-box { + background: none; + } + .conf-location-preview a.conf-closed .conf-location-box:hover { + background-color: rgba(180, 85, 160, 0.15); + } +} +@media (max-width: 667px) { + .sd-features-container li { + margin-bottom: 15px; + font-size: 1em; + } +} +@media (max-width: 767px) { + .highlight-item { + max-width: 400px; + } + .highlight-item__title { + font-size: 18px; + } +} +@media (max-width: 1199px) and (min-width: 768px) { + .highlight-item__title { + font-size: 15px; + } +} +@media (max-width: 1495px) and (min-width: 992px) { + #schedule-archive h2 { + font-size: 1.3em; + } + #schedule-archive .conf-btn-sharp { + font-size: 1em; + } + .sd--schedule-text { + margin-bottom: 5px; + } +} +@media (max-width: 767px) { + .conf-lgPageHeading { + font-size: 2em; + } + #schedule-archive h2 { + font-size: 1.3em; + } + #schedule-archive .conf-btn-sharp { + font-size: 1em; + padding: 0; + } + #schedule-archive .sd--schedule-text { + margin-bottom: 9px; + } + #schedule-archive .schedule-archive--spacing { + padding: 15px 30px; + } + .schedule-archive--spacing { + padding: 15px 30px; + } +} +/*=================/ Media Queries =================*/ +/*==========virtual2020===========*/ +.virtual2020 { + /* Flex Elements (Happening and Upcoming) */ + /* Media Queries */ + /*exhibitor page*/ +} +.virtual2020 .dashboard__happening-label { + font-size: 1em; + font-weight: 700; + letter-spacing: 0.5px; + padding: 10px 10px; + margin: 0 -15px; + color: rgba(255, 255, 255, 0.7); + text-transform: uppercase; +} +.virtual2020 .dashboard__happening-label--now { + background: #b455a0; + border-radius: 6px 0 0 0; +} +.virtual2020 .dashboard__happening-label--upcoming { + background: #25325b; + border-radius: 0 6px 0 0; +} +.virtual2020 .dashboard__profile-bio { + font-size: 0.9em; +} +.virtual2020 .dashboard__profile-img { + width: 100px; + height: 100px; + object-fit: cover; + max-width: 100px; + border-radius: 50%; + margin-bottom: 15px; +} +.virtual2020 .dashboard__profile-name { + margin-bottom: 5px; + font-size: 1.1em; + font-weight: bold; +} +.virtual2020 .dashboard__profile-affiliation { + margin-bottom: 15px; + font-size: 1em; + color: #999999; +} +.virtual2020 .dashboard__card { + border: 1px solid #dddddd; + border-radius: 6px; +} +.virtual2020 .dashboard__card-header { + border-bottom: 1px solid #dddddd; + background: #f2f2f2; + border-radius: 6px 6px 0 0; +} +.virtual2020 .dashboard__happening-card { + border: 1px solid #dddddd; +} +.virtual2020 .dashboard__happening-card--now { + border-radius: 6px 0 0 6px; +} +.virtual2020 .dashboard__happening-card--upcoming { + border-radius: 0 6px 6px 0; +} +.virtual2020 .dashboard__schedule-card { + background: #f2f2f2; + padding-left: 15px; + padding-right: 15px; +} +.virtual2020 .dashboard__schedule-section { + padding-top: 15px; + padding-bottom: 15px; + border-bottom: 1px solid #dddddd; + font-size: 0.85em; +} +.virtual2020 .dashboard__schedule-section--active { + /*background-color: #eddeeb;*/ +} +.virtual2020 .dashboard__schedule-section--now, +.virtual2020 .dashboard__schedule-section--upcoming { + border: none; +} +.virtual2020 .dashboard__btn { + font-size: 0.9em; + font-weight: 700; + border: 1px solid #dddddd; + background: #ffffff; + transition: 0.2s; + -webkit-transition: 0.2s; +} +.virtual2020 .dashboard__btn:hover { + border: 1px solid #999999; +} +.virtual2020 .dashboard__btn--join-session { + font-size: 0.85em; + font-weight: 700; +} +.virtual2020 .dashboard__link--join-session { + color: #0079c1; +} +.virtual2020 .dash-box--now, +.virtual2020 .dash-box--upcoming { + flex: 1 0 100%; + padding: 0 15px; +} +.virtual2020 .dash-box--now { + background: #ffffff; +} +.virtual2020 .dash-box--upcoming { + background: #ffffff; +} +@media (max-width: 767px) { + .virtual2020 .dashboard__happening-card--now { + margin-bottom: 15px; + } + .virtual2020 .dashboard__happening-card--now, + .virtual2020 .dashboard__happening-card--upcoming { + border-radius: 6px 6px 6px 6px; + margin-bottom: 15px; + } + .virtual2020 .dashboard__happening-label--now, + .virtual2020 .dashboard__happening-label--upcoming { + border-radius: 6px 6px 0px 0px; + } + .virtual2020 .dash-box--now { + margin-bottom: 30px; + border: 1px solid #dddddd; + } + .virtual2020 .dash-box--upcoming { + border: 1px solid #dddddd; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .virtual2020 .dashboard__happening-card--now { + margin-bottom: 15px; + } + .virtual2020 .dashboard__happening-card--now, + .virtual2020 .dashboard__happening-card--upcoming { + border-radius: 6px 6px 6px 6px; + margin-bottom: 15px; + } + .virtual2020 .dashboard__happening-card--upcoming { + border-radius: 6px 6px 6px 6px; + } + .virtual2020 .dashboard__happening-label--now, + .virtual2020 .dashboard__happening-label--upcoming { + border-radius: 6px 6px 0px 0px; + } + .virtual2020 .dash-box--now { + margin-bottom: 30px; + border: 1px solid #dddddd; + } + .virtual2020 .dash-box--upcoming { + border: 1px solid #dddddd; + } + .virtual2020 .dash-box--now, + .virtual2020 .dash-box--upcoming { + border-radius: 6px; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .virtual2020 .dash-box--now { + border: 1px solid #dddddd; + border-radius: 6px 0 0 6px; + } + .virtual2020 .dash-box--upcoming { + border-top: 1px solid #dddddd; + border-right: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + border-radius: 0 6px 6px 0; + } + .virtual2020 .dash-box--now, + .virtual2020 .dash-box--upcoming { + flex: 1 0 50%; + } +} +@media (min-width: 1200px) { + .virtual2020 .dash-box--now { + border: 1px solid #dddddd; + border-radius: 6px 0 0 6px; + } + .virtual2020 .dash-box--upcoming { + border-top: 1px solid #dddddd; + border-right: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + border-radius: 0 6px 6px 0; + } + .virtual2020 .dash-box--now, + .virtual2020 .dash-box--upcoming { + flex: 1 0 50%; + } +} +.virtual2020 .profile--self { + font-style: italic; +} +.virtual2020 .profile--self .alert { + margin-bottom: 0px; + border-radius: 4px 0; +} +.virtual2020 .profile--self .profile--self__alert { + text-align: center; +} +.virtual2020 .edit__btn { + font-size: 16px; + width: 190px; + position: relative; + bottom: 6px; +} +@media (max-width: 991px) { + .virtual2020 .edit__btn { + margin-top: 15px; + } +} +.virtual2020 .profile__block { + display: block; + padding: 30px 30px; + background-color: #eeeeee; +} +.virtual2020 .profile__headshot--block { + width: 100%; + display: inline-block; + text-align: center; + clear: right; +} +.virtual2020 .profile__headshot--block .profile__username { + line-height: 0.1; + margin-bottom: 15px; +} +.virtual2020 .profile__headshot--block .profile__username p { + margin-bottom: 15px; +} +.virtual2020 .profile__headshot--block .profile__company { + font-size: 18px; + font-weight: 400; + font-style: italic; +} +.virtual2020 .profile__headshot--block .start-chat__btn { + margin-top: 25px; +} +.virtual2020 .profile__headshot--block .btn-short { + width: 200px; + font-size: 16px; +} +.virtual2020 .profile__headshot--frame { + border-radius: 50%; + width: 200px; + height: 200px; + overflow: hidden; + background-color: #25325b; +} +.virtual2020 .profile__headshot--frame .profile__headshot { + width: 200px; + height: 200px; + object-fit: cover; +} +.virtual2020 .profile__bio--block { + display: inline-block; +} +.virtual2020 .profile__bio--block .btn-short { + font-size: 16px; +} +.virtual2020 .profile__bio--block .conf-btn-sharp { + margin: 0; +} +.virtual2020 .twitter__feed { + height: 650px; + overflow-y: scroll; + overflow-x: hidden; +} +.virtual2020 .favorites__block, +.virtual2020 .sponsors__block, +.virtual2020 .twitter__block, +.virtual2020 .exibitors__block { + background: #f2f2f2; + padding-left: 15px; + padding-right: 15px; + margin-top: 10px; + margin-bottom: 10px; + border: 1px solid #dddddd; + border-radius: 6px; +} +.virtual2020 .favorites__block h2, +.virtual2020 .sponsors__block h2, +.virtual2020 .twitter__block h2, +.virtual2020 .exibitors__block h2 { + margin-top: 12px; +} +.virtual2020 .favorites__block .favorites__block--header, +.virtual2020 .sponsors__block .favorites__block--header, +.virtual2020 .twitter__block .favorites__block--header, +.virtual2020 .exibitors__block .favorites__block--header, +.virtual2020 .favorites__block .twitter__block--header, +.virtual2020 .sponsors__block .twitter__block--header, +.virtual2020 .twitter__block .twitter__block--header, +.virtual2020 .exibitors__block .twitter__block--header { + border-bottom: 1px solid #dddddd; + background: #f2f2f2; + border-radius: 6px 6px 0 0; +} +.virtual2020 .favorite__poster-thumbnail { + margin: 25px 0; +} +.virtual2020 .favorite__poster-thumbnail img { + object-fit: cover; +} +.virtual2020 .more__btn { + width: 210px; + font-size: 16px; + position: relative; + bottom: 6px; + margin-bottom: 10px; +} +.virtual2020 #conf-sponsors { + padding: 0; + background: #ffffff; + box-shadow: -1px 16px 0 -15px #f2f2f2; +} +.virtual2020 .sponsors-body { + margin: 55px 15px 15px 15px; +} +.virtual2020 .more__btn--exhibitor { + width: 235px; + font-size: 16px; + position: relative; + bottom: 6px; + margin-bottom: 10px; +} +.virtual2020 .exibitor__posterhall { + object-fit: cover; + border: 2px solid #ffffff; +} +.virtual2020 .poster--intro { + text-align: left; +} +.virtual2020 .poster--views a { + display: inline-block; + margin: 0 10px; +} +.virtual2020 .poster--audio, +.virtual2020 .poster--video { + display: inline-block; + border: solid 1px #25325b; + border-radius: 5px; + margin: 0; + padding: 5px 10px; +} +.virtual2020 .poster-actions-block { + width: 430px; +} +@media (max-width: 434px) { + .virtual2020 .poster-actions-block { + width: 430px; + } +} +.virtual2020 .poster-action { + display: inline-block; + border-radius: 5px; + width: 212px; + margin: 0; + padding: 5px 8px; + font-size: 16px; + font-weight: 600; +} +@media (max-width: 434px) { + .virtual2020 .poster-action { + display: block; + width: 100%; + margin: 0px; + margin-top: 10px; + } +} +.virtual2020 .poster-thumbnail-frame { + display: block; + width: 100%; + overflow: hidden; +} +.virtual2020 .poster-thumbnail-frame img { + width: 100%; + object-fit: cover; +} +.virtual2020 .poster--author-info__title { + padding-bottom: 10px; + border-bottom: solid 1px #555555; + text-align: center; +} +.virtual2020 .poster--author-info { + display: block; + border: solid 1px #555555; + border-radius: 5px; + padding: 5px 10px; + margin-right: 30px; + width: 100%; +} +.virtual2020 .poster--author-info .poster--author-info__details { + padding-top: 15px; + text-align: center; +} +.virtual2020 .poster--author-info .poster--author-info__details img { + width: 100px; + border-radius: 50%; +} +.virtual2020 .watch-listen--btn { + display: inline-block; + padding: 10px 15px; + border: 1px solid; + border-radius: 5px; + margin: 0px 10px 0px 0px; + width: 48%; + text-align: center; +} +.virtual2020 .poster--related__block { + padding: 10px 0; + background: #eeeeee; + min-width: 100%; + overflow-x: auto; + overflow-y: hidden; + display: flex; + flex-wrap: nowrap; +} +.virtual2020 .poster--related__block .poster--related__posters { + flex: 0 0 auto; + position: relative; + display: inline-block; + width: 250px; + vertical-align: top; + clear: left; + margin: 0 10px; + border: 8px solid transparent; +} +.virtual2020 .poster--related__block .poster--related__posters img { + width: 100%; + object-fit: cover; +} +.virtual2020 .poster--related__block .poster--related__posters .poster--related__title-overlay { + background: rgba(0, 0, 0, 0.5); + /* Black see-through */ + color: #eeeeee; + transition: 0.5s ease; + opacity: 1; + width: 100%; + color: #ffffff; + font-size: 20px; + padding: 5px; + height: 130px; + text-align: center; +} +.virtual2020 .poster--related__block .poster--related__posters .poster--related__title-overlay .poster--title { + color: #ffffff; + font-size: 15px; +} +.virtual2020 .poster--related__block .active { + border: 8px solid #368ccb; +} +.virtual2020 .poster--related__block .visited { + border: 8px solid #e3cde0; +} +.virtual2020 .poster--videos { + padding: 10px; + background: #eeeeee; +} +.virtual2020 .poster--videos p { + padding-top: 15px; +} +.virtual2020 .poster-hall--category-block { + display: block; + border: 3px solid; + padding: 10px; + text-align: center; +} +.virtual2020 .poster-hall--category-block .poster-hall--category-title { + text-transform: uppercase; + height: 35px; +} +.virtual2020 .poster-hall--category-block .poster-hall--img-block .poster-sort--poster { + display: inline-block; + width: 45%; + margin: 5px; +} +.virtual2020 .poster-hall--category-block .poster-hall--view-all { + text-transform: uppercase; + text-align: right; + margin: 5px 10px 0; +} +.virtual2020 .posterhall--nav nav li { + display: inline-block; + vertical-align: middle; + text-align: center; + font-size: 0.85em; + line-height: 60px; + position: relative; + font-weight: 800; + text-transform: uppercase; + padding: 0 0.65%; + z-index: 10; + font-size: 14px; + margin-left: -5px; +} +.virtual2020 .posterhall--nav nav li a:hover { + text-decoration: none; +} +.virtual2020 .posterhall--nav .active { + border-bottom: 2px solid #25325b; +} +.virtual2020 .posterhall--nav .active a { + color: #25325b; +} +.virtual2020 .posterhall--nav .active a:hover { + text-decoration: none; +} +.virtual2020 .sorter__cat-list { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.virtual2020 .sorter__cat-list-item { + /*display: inline-block;*/ + flex: 0 1 auto; + transition: 0.2s; + background-color: #25325b; + padding: 5px 10px; + margin-right: 66px; + padding: auto; + margin-bottom: 5px; + width: 175px; + text-align: center; + border-top: 10px solid; +} +.virtual2020 .sorter__cat-list-item:last-child { + margin-right: 0px; +} +.virtual2020 .sorter__cat-list-item h5 { + color: #ffffff; +} +.virtual2020 .sorter__cat-list-item--multiphysics, +.virtual2020 .post-hall--multiphysics { + border-color: #a5d5cf; +} +.virtual2020 .sorter__cat-list-item--heat, +.virtual2020 .post-hall--heat { + border-color: #fabaa6; +} +.virtual2020 .sorter__cat-list-item--structural, +.virtual2020 .post-hall--structural { + border-color: #e65e30; +} +.virtual2020 .sorter__cat-list-item--fluid, +.virtual2020 .post-hall--fluids { + border-color: #005596; +} +.virtual2020 .sorter__cat-list-item--electromagnetics, +.virtual2020 .post-hall--electromagnetics { + border-color: #eea342; +} +.virtual2020 .sorter__cat-list-item--optimization, +.virtual2020 .post-hall--optimization { + border-color: #ffd999; +} +.virtual2020 .sorter__cat-list-item--chemical, +.virtual2020 .post-hall--chemical { + border-color: #388090; +} +.virtual2020 .sorter__cat-list-item a { + display: block; + transition: 0.2s; + color: #ffffff; +} +.virtual2020 .sorter__cat-list-item a:hover { + text-decoration: none; + color: #ffffff; + background: #0079c1; +} +.virtual2020 .poster-item { + display: block; + margin-bottom: 30px; + background: #e3cde0; + border: 2px solid; + border-radius: 4px; + transition: 0.2s; + min-height: 345px; +} +.virtual2020 .poster-sort--poster-title { + display: block; + color: #0079c1; + transition: 0.2s; + height: 100px; + line-height: 1.4em; + padding: 10px; +} +.virtual2020 .poster-item:hover, +.virtual2020 .poster-item:focus { + background: #0079c1; + text-decoration: none; +} +.virtual2020 .poster-item:hover h5, +.virtual2020 .poster-item:focus h5 { + color: #ffffff; +} +.virtual2020 .poster-sort__poster-frame { + display: block; + width: 100%; + height: 180px; + overflow: hidden; +} +.virtual2020 .poster-sort__poster-frame img { + width: 100%; + height: 180px; + object-fit: cover; +} +.virtual2020 .presentation-type { + padding-left: 10px; + text-transform: uppercase; +} +.virtual2020 .page-anchor--back-to-top { + padding: 5px 10px; + font-weight: 700; + color: #999999; + background: #ffffff; + font-size: 0.8em; + border: 1px solid #dddddd; + border-radius: 4px; + transition: 0.2s; +} +.virtual2020 .page-anchor--back-to-top:hover, +.virtual2020 .page-anchor--back-to-top:focus { + text-decoration: none; + color: #585858; + background: #f2f2f2; + border: 1px solid #999999; + border-radius: 4px; +} +.virtual2020 .virtual2020 .poster-section-heading { + padding: 18px 20px; + text-transform: uppercase; + border: 1px solid #dddddd; + border-bottom: 5px solid #0079c1; + border-radius: 5px; + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); +} +.virtual2020 .exhibitor__card { + background-color: #f2f2f2; + padding: 35px 15px; +} +.virtual2020 .exhibitor--name { + margin-top: 0px; +} +.virtual2020 .exhibitor--file__video { + width: 100%; +} +.virtual2020 .btn-long { + width: 100%; +} +.virtual2020 .exhibitor--reps { + display: block; + background-color: #ffffff; + width: 100%; + padding: 10px; +} +.virtual2020 .exhibitor--reps .profile__headshot--frame { + width: 100px; + height: 100px; + display: inline-block; + margin-right: 10px; +} +.virtual2020 .exhibitor--reps .profile__headshot--frame .profile__headshot { + width: 100px; + height: 100px; +} +.virtual2020 .exhibitor--reps .exhibitor--reps__name { + display: inline-block; + vertical-align: top; +} +.virtual2020 .sponsor-level { + font-style: italic; +} +.virtual2020 .exhibitor--file { + display: inline-block; + background-color: #ffffff; + margin: 0px 15px 15px 0px; + padding: 5px 10px; +} +.virtual2020 .exhibitor--file i { + margin-right: 10px; +} +.virtual2020 .unlock-downloads { + display: block; + font-style: italic; + clear: both; +} +/* ========== EMS Event Schedule ========== */ +#conf-location-schedule .conf-schedule-list .conf-schedule-list__item { + margin-bottom: 10px; +} +#conf-location-schedule .conf-schedule-list .subtitle-tag { + display: inline-block; + margin-bottom: 10px; + padding: 0 15px; + background: #f2f2f2; + color: #999999; + font-size: 10px; + font-weight: 500; + line-height: 18px; + border: 1px solid #dddddd; + border-radius: 4px; + text-transform: uppercase; + transition: 0.2s ease-in-out; +} +#conf-location-schedule .conf-schedule-list .subtitle-tag__keynote { + color: #368ccb; + border: 1px solid #c0d6e8; + background-color: #f9f9f9; +} +#conf-location-schedule .conf-schedule-list .subtitle-tag__panel { + color: #b455a0; + border: 1px solid #eeeeee; + background-color: #f9f9f9; +} +h2, +h3, +h4, +h5, +p { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + color: #333333; +} +.vid-top-bar { + width: 100%; + height: 70px; + position: relative; + margin-top: -70px; + background: rgba(10, 10, 10, 0.7); +} +.vid-bg { + background: #eeeeee top center repeat-x; + width: 100%; +} +.vid-bg .heading-card-subtitle { + background: #ffffff; +} +.vid-box { + margin: 30px 0; + background: #ffffff; + border-radius: 4px; + padding: 20px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); +} +.vid-carousel .carousel-inner, +.vid-carousel .item { + height: 380px; +} +@media (max-width: 1199px) { + .vid-carousel .carousel-inner, + .vid-carousel .item { + height: 240px; + } +} +.vid-carousel .carousel-control { + display: block; + position: absolute; + background: rgba(0, 0, 0, 0.6); + margin: 0; + padding: 15px; + height: 50px; + width: 50px; + text-align: center; + color: #ffffff; + font-family: FontAwesome; + font-weight: normal; + line-height: 25px; + font-size: 25px; +} +.vid-carousel .carousel-control.left { + left: 0 !important; + top: 30% !important; + border-radius: 0 4px 4px 0; +} +.vid-carousel .carousel-control.right { + right: 0 !important; + top: 30% !important; + border-radius: 4px 0 0 4px; +} +.vid-carousel .carousel-control.left:before { + content: "\f053"; +} +.vid-carousel .carousel-control.right:before { + content: "\f054"; +} +.vid-carousel .carousel-indicators { + top: 5%; + left: 123%; + width: 5%; + height: 5%; +} +.vid-indicators li { + margin: 0; + width: 10px; + height: 10px; + background-color: #dddddd; + border: none; +} +.vid-indicators .active { + margin: 0; + width: 10px; + height: 10px; + background-color: #585858; + border: none; +} +.vid-feature-text a { + display: block; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 1.85em; + text-align: left; + font-weight: normal; + padding: 0; + margin-top: 12px; + text-decoration: none; + transition: 0.2s; + color: #eeeeee; +} +.vid-feature-text a:hover, +.vid-feature-text a:focus, +.vid-feature-text a:active { + text-decoration: underline; + color: #ffffff; +} +.vid-feature-image { + background-size: cover; + width: 100%; +} +.vid-top-box { + background: #ffffff; + border-bottom: 4px solid #333333; + border-radius: 4px 4px 0 0; + padding: 0; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); + margin: 30px 0 0 0; +} +.vid-top-box-mobile { + background: #ffffff; + border-bottom: 4px solid #333333; + border-radius: 4px 4px 0 0; + padding: 0; + height: 69px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); + margin: 0; +} +.vid-top-box-mobile.affix { + top: 0; + left: 0; + margin: 0; + height: 60px; + width: 100%; + z-index: 1; +} +.vid-top-box-mobile.affix .vid-title a { + font-size: 1em; + margin: 20px 25px 0; +} +.vid-top-box-mobile.affix .vid-menu-offcanvas { + top: 16px; +} +.vid-pillar-nav-mobile { + position: relative; + top: 80; + left: 0; + right: 0; + margin-top: 0; + width: 100%; +} +.vid-tag-wrapper { + margin: 0 15px 0 15px; + background: none; +} +.vid-tag { + display: inline-block; + float: left; + margin: 0; + cursor: pointer; + padding: 2px 8px; + margin: 0 8px 8px 0; + font-size: 0.9em; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + border-radius: 3px; +} +.vid-tag i { + margin: 0 5px; +} +.vid-tag i:first-child { + margin-left: 0; +} +.vid-tag-pillar-text, +.vid-tag-core-text, +.vid-tag-type-text, +.vid-tag-product-text { + cursor: default; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +.vid-tag-pillar { + border: 1px solid #59aa47; + color: #59aa47; +} +.vid-tag-pillar-text { + color: #59aa47; + font-weight: 600; + margin-left: 0; + margin-top: 0; + padding-left: 0; +} +.vid-tag-type { + border: 1px solid #d61e57; + color: #d61e57; +} +.vid-tag-type-text { + color: #d61e57; + font-weight: 600; + margin-left: 0; + margin-top: 0; + padding-left: 0; +} +.vid-tag-core { + border: 1px solid #368ccb; + color: #368ccb; +} +.vid-tag-core-text { + color: #368ccb; + font-weight: 600; + margin-left: 0; + margin-top: 0; + padding-left: 0; +} +.vid-tag-product { + border: 1px solid #e65e30; + color: #e65e30; +} +.vid-tag-product-text { + color: #e65e30; + font-weight: 600; + margin-left: 0; + margin-top: 0; + padding-left: 0; +} +.vid-tag-language { + border: 1px solid #333333; + color: #333333; +} +.vid-tag-language-text { + color: #333333; + font-weight: 600; + margin-left: 0; + margin-top: 0; + padding-left: 0; +} +.vid-lang-available { + color: #585858; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-weight: 400; + margin-left: 0; + margin-top: 0; + padding: 0 8px; + text-transform: uppercase; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.vid-lang-available:hover, +.vid-lang-available:focus { + color: #333333; + text-decoration: underline; +} +.vid-lang-switch { + background: #f9f9f9; + border: 1px solid #dddddd; + width: 96%; + margin: 5px 15px 20px; + padding: 5px 20px; +} +.vid-lang-switch a { + color: #585858; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-weight: 400; + margin-left: 0; + margin-top: 0; + padding: 0 8px; + transition: 0.3s; + -webkit-transition: 0.3s; + cursor: pointer; +} +.vid-lang-switch a:hover, +.vid-lang-switch a:focus { + color: #333333; + text-decoration: underline; +} +.vid-tag-clear { + border: 1px solid #333333; + color: #ffffff; + background-color: #333333; +} +.vid-title { + display: inline-block; + font-weight: 800; + text-transform: uppercase; + font-size: 1.8em; + line-height: 1em; + text-align: left; + margin: 20px; + padding: 0; + color: #333333; +} +.vid-title a { + line-height: 1em; + color: #333333; + text-decoration: none; +} +.vid-title a:active, +.vid-title a:visited { + color: #333333; + text-decoration: none; +} +.vid-title a:hover, +.vid-title a:focus { + color: #252525; + text-decoration: none; +} +.gt_newpost.vid .vid-subscribe-post { + color: #585858; + font: 600 18px/22px "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + margin-right: 30px; + transition: color 0.2s; + -webkit-transition: color 0.2s; +} +.gt_newpost.vid .vid-subscribe-post:hover, +.gt_newpost.vid .vid-subscribe-post:focus { + color: #333333; + cursor: pointer; +} +.gt_newpost.vid .subform { + position: relative; + top: -11px; + max-width: 300px; + max-height: 50px; +} +.gt_newpost.vid .subform input.text-input { + border-color: #585858; + margin: 0; +} +.gt_newpost.vid .subform ::-webkit-input-placeholder { + /* Chrome/Opera/Safari */ + color: #585858; +} +.gt_newpost.vid .subform ::-moz-placeholder { + /* Firefox 19+ */ + color: #585858; +} +.gt_newpost.vid .subform :-ms-input-placeholder { + /* IE 10+ */ + color: #585858; +} +.gt_newpost.vid .subform :-moz-placeholder { + /* Firefox 18- */ + color: #585858; +} +.gt_newpost.vid .subform .subforminput { + position: relative; + bottom: -1px; + right: 1px; + border: solid 1px #585858; + padding-left: 15px; +} +.gt_newpost.vid .blog-enterenvelope { + z-index: 1; + border: solid 1px #585858; + background-color: #585858; + position: relative; + top: 1px; +} +.vid-subscribe { + display: flex; + position: relative; + right: 30px; +} +.vid-top-box.watch { + height: 80px; +} +.vid-watch-title { + display: inline-block; + float: left; + padding-right: 20px; + margin-top: 5px; +} +.vid-watch-title .vid-title { + margin-right: 0; +} +.vid-search-watch-container { + width: 300px; + display: inline-block; + float: right; + margin: 20px 20px 20px 0; +} +.vid-search-watch { + width: 100%; + height: 37px; + border: solid 1px #c4c4c4; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; +} +.vid-search-watch input { + width: 85%; + padding: 5px 10px; + text-align: left; + transition: 0.3s; + border: none; + background: none; +} +.vid-search-watch input:focus { + outline: none; + outline-color: none; + outline-style: none; + outline-width: none; +} +.vid-search-watch .vid-search-icon { + float: right; + width: 14.2%; + height: 36px; + display: inline-block; + border-top: none; + border-bottom: none; + border-right: none; + border-left: solid 1px #c4c4c4; + border-radius: 0 4px 4px 0; + background: #dddddd; + transition: 0.3s; +} +.vid-search-watch .vid-search-icon i { + font-family: FontAwesome; + font-size: 1.2em; + color: #474747; +} +.vid-search-watch .vid-search-icon:focus { + background: #dddddd; + box-shadow: 0 0 2px #dddddd; +} +.vid-search-filter { + margin-bottom: 20px; + margin-top: 5px; + border: solid 1px #c4c4c4; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; +} +.vid-search-filter input { + width: 85%; + padding: 6px 15px; + text-align: left; + transition: 0.3s; + border: none; + background: none; +} +.vid-search-filter input:focus { + outline: none; + outline-color: none; + outline-style: none; + outline-width: none; +} +.vid-search-filter .vid-search-icon { + float: right; + width: 14.2%; + height: 36px; + display: inline-block; + border-top: none; + border-bottom: none; + border-right: none; + border-left: solid 1px #c4c4c4; + border-radius: 0 3px 3px 0; + background: #dddddd; + transition: 0.3s; +} +.vid-search-filter .vid-search-icon i { + font-family: FontAwesome; + font-size: 1.2em; + color: #474747; +} +.vid-search-filter .vid-search-icon:focus { + background: #dddddd; + box-shadow: 0 0 2px #dddddd; +} +.sidebar-banner-videos-blogs { + width: 100%; + text-align: center; + max-width: 400px; + max-height: 300px; +} +.sidebar-banner-videos-blogs a { + display: block; + width: 100%; + height: 100%; + text-align: center; +} +.sidebar-banner-videos-blogs a img { + width: 100%; + max-width: inherit; + max-height: inherit; + display: inline-block; + border: 1px solid #999999; +} +.vid-accordion { + margin-bottom: 0; +} +.vid-accordion .vid-accordion-heading a { + text-decoration: none; + margin: 0; + display: block; + padding: 8px 15px; + cursor: pointer; + background: #585858; + border-bottom: 3px solid #585858 !important; +} +.vid-accordion .vid-accordion-heading a.collapsed { + margin: 10px 0; + cursor: pointer; + border-bottom: 3px solid #585858 !important; + background: #ffffff !important; +} +.vid-accordion .vid-accordion-heading .accordion-icon { + display: block; + text-align: center; + font-family: FontAwesome; + font-size: 1.3em; + font-weight: normal; + font-style: normal; +} +.vid-accordion .vid-accordion-heading .collapsed .accordion-icon:before { + content: "\f0d7"; +} +.vid-accordion .vid-accordion-heading .accordion-icon:before { + content: "\f0d8"; +} +.vid-filter-titles { + font-weight: 800; + margin: 0; + color: #ffffff; + font-size: 16px; + line-height: 1; +} +.collapsed .vid-filter-titles { + color: #585858; +} +a .vid-thumb { + transition: 0.2s; +} +a .vid-thumb:active, +a .vid-thumb:hover, +a .vid-thumb:focus { + border-color: #dddddd; + box-shadow: 0 1px 2px #dddddd; +} +.vid-thumb { + border: 2px solid #d0d0d0; + max-height: 100px; +} +ul.vid-filter { + list-style-type: none; + margin: 10px 0 15px 15px; + padding: 0; +} +ul.vid-filter h5 { + text-decoration: underline; +} +ul.vid-filter li { + margin: 8px 0; + padding: 0; +} +ul.vid-filter input[type="checkbox"] { + position: absolute; + /* Match the image dimensions */ + width: 14px; + height: 14px; + /* Reset anything that could peek out or interfere with dimensions */ + overflow: hidden; + margin: 0; + padding: 0; + border: 0; + outline: 0; + opacity: 0; + cursor: pointer; +} +ul.vid-filter label { + font-size: 15px; + line-height: 20px; + font-weight: 600; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + margin: 0; + padding: 0; + cursor: pointer; + color: #585858; + transition: 0.2s; +} +ul.vid-filter label:hover, +ul.vid-filter label:focus, +ul.vid-filter label:active { + color: #dddddd; +} +ul.vid-filter input[type="checkbox"] + label:before { + display: inline-block; + width: 14px; + height: 14px; + margin: 0 10px 0 0; + background: #dddddd; + border: 1px solid #c4c4c4; + content: " "; + vertical-align: top; +} +ul.vid-filter input[type="checkbox"]:checked + label:before { + background: #dddddd; + font: 0.8em FontAwesome; + position: relative; + left: 0; + color: #585858; + content: "\f00c"; +} +.vid-filter-btn, +.vid-filter-btn:active, +.vid-filter-btn:visited { + background: #585858; + color: #ffffff; + margin: 20px auto; + padding: 4px 30px; + border-width: 0 0 3px 0; + border-style: solid; + border-color: #585858; + border-radius: 3px; + text-align: center; + font-weight: bold; + font-size: 1em; + transition: 0.2s; +} +.vid-filter-btn:hover, +.vid-filter-btn:active:hover, +.vid-filter-btn:visited:hover, +.vid-filter-btn:focus, +.vid-filter-btn:active:focus, +.vid-filter-btn:visited:focus { + color: #dddddd; + background: #585858; + outline: none; + outline-color: none; + outline-style: none; + outline-width: none; +} +.video-title-sm { + color: #333333; + font-size: 16px; + line-height: 20px; + font-weight: 600; + margin: 0; + padding-bottom: 5px; +} +.vid-section-title { + color: #333333; + font-size: 35px; + font-weight: 300; + padding: 0; + margin: 0 0 0 15px; +} +.vid-section-title-hr { + margin: 0 -20px 15px -20px; + border: 0; + height: 1px; + background: #dddddd; +} +.vid-rows { + /* adding top and bottom margin to video results rows */ + margin: 20px 0; +} +.vid-sort-by { + margin: 0 15px 25px 0; + display: block; + float: right; +} +.vid-sort-by button { + min-width: 130px; + margin-top: 0; + padding: 5px 10px; + border: 1px solid #c4c4c4; + border-radius: 3px; + background: #dddddd; + color: #474747; + text-align: center; + font-weight: bold; + font-size: 1em; + transition: 0.2s; +} +.vid-sort-by button:hover { + color: #333333; + border: 1px solid #b7b7b7; +} +.vid-sort-by button.disabled { + color: #dddddd; +} +.vid-sort-by span { + display: inline-block; + line-height: 21px; + text-align: center; + font-size: 1.2em; + font-family: FontAwesome; + font-style: normal; + margin-left: 10px; +} +.vid-sort-by span.sort-text { + font-family: Lato, sans-serif; + font-weight: normal; + font-size: 1em; +} +.vid-sort-by label { + margin: 0px; +} +.vid-sort-by .sort-by-icon:before { + content: "\f0d7"; +} +.vid-sort-by ul.dropdown-menu { + min-width: 100%; + margin: 0; + padding: 0; + background: #ffffff; + z-index: 5; + list-style: none; + border-radius: 0 0 4px 4px; + border: 1px solid #dddddd; + border-top: none; + box-shadow: none; +} +.vid-sort-by ul.dropdown-menu li a { + font-size: 0.85em; + margin: 0; + padding: 5px 11px; + text-decoration: none; + color: #585858; +} +.vid-sort-by ul.dropdown-menu li a:hover { + text-decoration: underline; +} +.vid-sort-by.open span.sort-by-icon:before { + content: "\f0d8"; +} +.vid-duration-text { + color: #585858; + font-size: 1em; + font-weight: 300; + margin: 6px 0 0 0; +} +a .video-title-sm { + transition: 0.1s; + text-decoration: none; +} +a .video-title-sm:active, +a .video-title-sm:hover, +a .video-title-sm:focus { + color: #585858; + text-decoration: none; +} +.video-watch-box { + display: block; + max-width: 100%; + height: auto; + margin-top: 15px; + margin-bottom: 15px; + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); +} +@media (min-width: 992px) and (max-width: 1199px) { + .vid-mobile-share { + display: none !important; + } +} +@media (min-width: 1200px) { + .vid-mobile-share { + display: none !important; + } +} +.vid-mobile-share .dropdown-menu { + min-width: 30px; +} +.vid-mobile-share .dropdown-menu a { + color: #368ccb; + font-size: 18px; + transition: 0.2s; +} +.vid-mobile-share .dropdown-menu a:hover { + background-color: #ffffff; + color: #2a70a4; + text-decoration: none; +} +@media (max-width: 767px) { + .vid-desktop-share { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .vid-desktop-share { + display: none !important; + } +} +.vid-share { + margin: 0; + padding: 10px 30px; + display: block; +} +.vid-share i { + margin: 0; + padding: 5px 10px; +} +.vid-share .vid-share-title { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 18px; + text-transform: uppercase; + text-align: center; + color: #999999; +} +.vid-share a { + color: #368ccb; + font-size: 18px; + transition: 0.2s; +} +.vid-share a:hover { + color: #2a70a4; + text-decoration: none; +} +.vid-content-box-tabs { + margin-bottom: 0; + padding-left: 0; + list-style: none; + border-bottom: 1px solid #ffffff; +} +.vid-content-box-tabs > li { + position: relative; + display: inline-block; +} +.vid-content-box-tabs > li > a { + font-weight: 600; + position: relative; + display: block; + padding: 10px 30px; + margin-right: 2px; + background-color: #ffffff; + font-size: 18px; + text-transform: uppercase; + color: #368ccb; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + transition: 0.2s; +} +.vid-content-box-tabs > li.active a, +.vid-content-box-tabs > li > a:hover, +.vid-content-box-tabs > li > a:focus { + text-decoration: none; + color: #005596; +} +.vid-content-box-tabs > li.active a { + border-bottom: 1px solid #ffffff; +} +.vid-content-box { + background: #ffffff; + padding: 30px; + margin: 0; + box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1); +} +.vid-content-box .tab-pane { + padding: 0; +} +.vid-content-box-footer { + background: #ffffff; + border-radius: 0 0 4px 4px; + padding-bottom: 30px; + margin: 0; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); +} +.vid-content-box-footer hr { + margin-top: 0; +} +.vid-content-box-footer .vid-language-picker { + padding: 0 30px 0; +} +.video-files-container ul { + padding: 0px; + margin-bottom: 0px; + margin-left: 0; + padding-left: 0; + text-indent: 0; +} +.video-files-container ul li { + list-style: none; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-weight: 600; + color: #585858; +} +.video-files-container ul li a { + margin-left: 0; + padding-left: 0; +} +.video-transcript-container { + width: 100%; + max-height: 400px; + overflow: auto; +} +[cm-vid-abstract] ol { + margin-left: 8px; +} +.vid-chapters-container { + margin-bottom: 30px; + padding-left: 30px; + border-left: 1px solid #dddddd; +} +.vid-chapters { + overflow: auto; + display: block; + position: relative; +} +.vid-chapters .chapter { + height: auto; + display: block; + position: relative; + margin: 10px 0; + padding-bottom: 5px; + border-bottom: 1px solid #dddddd; + color: #585858; +} +.vid-chapters .chapter a { + color: #585858; + transition: 0.2s; +} +.vid-chapters .chapter a:hover { + color: #333333; + text-decoration: none; +} +.vid-chapters span:first-child { + margin-top: 0; +} +.vid-chapters span:last-child { + border-bottom: none; +} +.vid-chapters span .active { + color: #333333; + text-decoration: none; + background: #dddddd; +} +.vid-related-box { + background: #dddddd; + border-radius: 0 0 4px 4px; + padding: 30px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); +} +.vid-related-box .span2:first-child { + margin-left: 100px; +} +.vid-related-title { + margin: 30px 0 0 0; + padding: 0; + width: 100%; + background: #ffffff; + border-radius: 4px 4px 0 0; +} +.vid-related-title h2 { + color: #333333; + margin: 0 0 0 30px; + padding: 15px 0; +} +.video-description-sm { + font-size: 15px; +} +.vid-related { + background: #ffffff; + display: block; + border: 1px solid #dddddd; + border-radius: 4px; + padding: 6%; + width: 200px; + min-height: 220px; +} +.vid-related img { + margin: 10px auto; +} +.vid-related a.related-video-title { + display: block; + border-top: 1px solid #dddddd; + margin: 15px -15px 0; + padding: 8px 15px 0; + color: #333333; + font-weight: 600; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 16px; + line-height: 1.2em; + transition: 0.2s; + text-decoration: none; +} +.vid-related a.related-video-title:active, +.vid-related a.related-video-title:hover, +.vid-related a.related-video-title:focus { + color: #585858; + text-decoration: underline; +} +.vid-menu-offcanvas { + background: #ffffff; + border-radius: 3px; + border: 1px solid #585858; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + color: #585858; + text-align: center; + position: relative; + top: 20px; + right: 33px; + float: right; + padding: 0 8px 3px; + margin: 0; + box-shadow: 0px 1px 1px #dddddd; +} +.vid-menu-offcanvas:hover, +.vid-menu-offcanvas:focus { + border: 1px solid #333333; + color: #333333; + box-shadow: 0px 0px 4px #dddddd; + outline: none; + outline-color: none; + outline-style: none; + outline-width: none; +} +.vid-menu-offcanvas .vid-menu-updown { + font-family: FontAwesome; + font-size: 1.3em; + position: relative; + top: 2px; + left: 4px; + padding: 0 2px; + color: #333333; +} +.vid-menu-offcanvas .vid-menu-updown:before { + content: "\f107"; +} +/*/\\/\/\//\/\/Mobile Responsiveness\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/ +@media (max-width: 1201px) { + .vid-section-title { + font-size: 2.2em; + margin-left: 15px; + } + .vid-share { + margin: 0; + } + .vid-share i { + padding: 3px; + margin: 0; + } + .vid-feature-text a { + font-size: 1.5em; + margin-top: 12px; + } + ul.vid-filter li { + margin: 10px 0; + padding: 0; + } + ul.vid-filter label { + font-size: 14px; + line-height: 18px; + } +} +@media (max-width: 991px) { + ul.vid-filter li { + margin: 10px 0; + padding: 0; + } + ul.vid-filter input[type="checkbox"] + label:before { + display: inline-block; + width: 14px; + height: 14px; + margin: 2px 10px 0 0; + background: #dddddd; + content: " "; + vertical-align: top; + } + .vid-menu-offcanvas { + font-size: 0.9em; + } + .row-offcanvas { + display: none; + } + .row-offcanvas.active { + top: 0; + display: block; + } + .row-offcanvas.active .vid-box { + border-radius: 0; + margin-top: 0; + margin-bottom: 0; + } + .vid-accordion-heading a { + font-size: 0.9em; + } + .vid-options { + padding: 0 5px; + margin: 0 0 0 20px; + } + .vid-options i { + padding-right: 8px; + margin: 0; + } + .vid-options a { + padding-right: 15px; + font-size: 0.9em; + } + #vid-application-files { + padding: 10px 20px; + } + .vid-share { + padding: 0 5px; + margin: 0; + } + .vid-share hr { + margin: 0 15px; + border: 0; + height: 1px; + background: #dddddd; + } + .vid-share i { + padding: 0 8px; + } + .vid-share .vid-share-title { + padding-right: 5px; + margin: 0; + font-weight: normal; + font-size: 0.9em; + } + .vid-section-title { + font-size: 2em; + margin: 0; + } + .vid-box { + margin-top: 0; + border-radius: 0 0 4px 4px; + } + .vid-thumb { + margin-top: 10px; + } + .video-title-sm { + font-size: 16px; + line-height: 18px; + font-weight: 600; + margin: 2px 0; + } + .video-description-sm { + display: none; + } + .vid-tag { + font-size: 0.8em; + } + .vid-related-title h2 { + font-size: 2em; + } + .vid-related-box { + padding: 20px; + } + .vid-related a.related-video-title { + font-size: 1.1em; + line-height: 1.2em; + } + .vid-thumb { + height: auto; + } + .vid-tag.vid-tag-pillar-text, + .vid-tag.vid-tag-type-text, + .vid-tag.vid-tag-core-text, + .vid-tag.vid-tag-product-text { + margin-left: 0; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + padding-top: 0; + padding-bottom: 0; + } +} +@media (max-width: 767px) { + .vid-top-box-mobile.affix .vid-title, + .vid-top-box-mobile.affix .vid-title { + font-size: 1em; + } + .vid-top-box-mobile.affix .vid-menu-offcanvas { + top: 15px; + } + .vid-content-box-tabs > li > a { + padding: 5px 10px; + background-color: #ffffff; + font-size: 12px; + } + .vid-share { + padding: 0; + margin: 0; + } + .vid-share hr { + margin: 0 15px; + border: 0; + height: 1px; + background: #dddddd; + } + .vid-share i { + padding: 0 4px; + } + .vid-share .vid-share-title { + padding-right: 5px; + margin: 0; + font-weight: normal; + font-size: 0.9em; + } + .vid-sort-by { + margin: 0 0 15px 0; + } + .vid-sort-by button { + width: 90px; + padding: 2px 4px; + font-size: 0.9em; + font-weight: 600; + } + .vid-sort-by button .sort-by-icon { + margin-left: 5px; + } + .vid-sort-by ul.dropdown-menu { + min-width: 75px; + margin: 0; + padding: 0; + } + .vid-sort-by ul.dropdown-menu li:first-child { + padding-top: 5px; + } + .vid-sort-by ul.dropdown-menu li a { + margin: 0; + padding: 3px 6px; + font-size: 0.9em; + } + .vid-section-title { + font-size: 1.2em; + } + .vid-box { + margin-top: 0; + } + .vid-duration-text { + font-size: 0.99em; + } + .video-title-sm { + font-size: 16px; + line-height: 17px; + font-weight: 600; + margin: 2px 0; + } + .video-description-sm { + display: none; + } + .vid-tag-wrapper { + margin: 0; + } + .vid-tag { + font-size: 0.8em; + } + .vid-related-box { + margin: 0; + padding: 20px; + } + .vid-related-title h2 { + font-size: 1.8em; + margin-left: 20px; + } + .vid-related { + margin-bottom: 20px; + padding: inherit; + width: auto; + height: auto; + } + a.related-video-title { + margin-bottom: 15px; + } + .vid-content-box h4, + .vid-content-box h5, + .vid-content-box p { + margin-right: 20px; + margin-left: 20px; + } + .vid-content-box h4 { + margin-top: 20px; + line-height: 1.3em; + } + .vid-content-box p { + margin-top: 5px; + } + .vid-tag.vid-tag-pillar-text, + .vid-tag.vid-tag-type-text, + .vid-tag.vid-tag-core-text, + .vid-tag.vid-tag-product-text { + margin-left: 0; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + padding-top: 0; + padding-bottom: 0; + } + .vid-chapters { + padding: 0 20px 0 20px; + border-left: none; + } + .vid-related a.related-video-title { + font-size: 1em; + } +} +@media (max-width: 767px) { + .vid-menu-offcanvas { + top: 15px; + right: 15px; + font-size: 0.9em; + line-height: 1em; + padding: 5px 10px; + } + .vid-title { + font-size: 1em; + } + .vid-top-box-mobile { + height: 60px; + } + .vid-top-box-mobile.affix { + height: 60px; + } + .vid-top-box-mobile.affix .vid-title { + font-size: 1em; + margin: 15px; + } + .vid-top-box-mobile.affix .vid-menu-offcanvas { + top: 12px; + } + .vid-sort-by { + margin: 0 0 15px 0; + } + .vid-related img { + margin: 10px auto; + } + .vid-related a.related-video-title { + font-size: 0.9em; + } + .vid-top-box.watch { + height: 70px; + } + .vid-search-watch-container { + margin-top: 15px; + width: 220px; + } + .vid-search-watch { + height: 32px; + } + .vid-search-watch input { + width: 80%; + } + .vid-search-watch .vid-search-icon { + width: 19%; + height: 30px; + } + .vid-search-watch .vid-search-icon i { + font-size: 0.9em; + } +} +@media (max-width: 400px) { + .vid-search-watch-container { + width: 140px; + } +} +/****** + +Wistia Video CTA + +*******/ +div.wistia-btns { + width: 100%; + position: absolute; + top: 0; + left: 0; +} +div.wistia-btns div { + width: 50%; + float: left; + position: relative; +} +div.wistia-btns div img { + display: block; + position: absolute; + width: 100%; + margin: 0; +} +div.wistia-btns div a { + width: 65%; + margin: 65% auto; + display: block; + background-color: rgba(0, 0, 0, 0.6); + font-size: 40%; + font-weight: bold; + line-height: 1.4em; + position: relative; + padding: 15px; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; + color: #ffffff; +} +div.wistia-btns div a:hover, +div.wistia-btns div a span:hover { + text-decoration: none; +} +div.wistia-btns div a span { + display: block; + margin: 0 auto; + font-size: 0.6em; + line-height: 1.25em; + font-weight: normal; + margin-top: 1.25em; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; + padding: 5px; + text-transform: uppercase; + font-weight: bold; +} +.button-color-purple { + background-color: #ab1f46; +} +.button-color-purple:hover { + background-color: #b35679; +} +.button-color-orange { + background-color: #e65e30; +} +.button-color-orange:hover { + background-color: #eea342; +} +.button-color-green { + background-color: #097609; +} +.button-color-green:hover { + background-color: #59aa47; +} +.button-color-blue { + background-color: #368ccb; +} +.button-color-blue:hover { + background-color: #84c2ea; +} +.button-color-yellow { + background-color: #eea342; +} +.button-color-yellow:hover { + background-color: #ffd999; +} +.button-color-comsolblue { + background-color: #005596; +} +.button-color-comsolblue:hover { + background-color: #368ccb; +} +/*edgy video btns*/ +div.video-btn-edgy { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +div.video-btn-edgy div { + position: relative; + width: 100%; + height: 50%; + overflow: hidden; +} +div.video-btn-edgy div img { + z-index: 900; + display: block; + position: absolute; + width: 100%; + height: 100%; + margin: 0; +} +div.video-btn-edgy div a { + z-index: 1100; + position: absolute; + display: block; + top: 6%; + margin: 0 2%; + width: 30%; + font-size: 40%; + font-weight: bold; + line-height: 1.4em; + padding: 15px; + color: #ffffff; +} +div.video-btn-edgy div a span { + display: block; + margin: 0 auto; + font-size: 0.6em; + line-height: 1.25em; + font-weight: normal; + margin-top: 1.25em; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; + padding: 8px 5px; + text-transform: uppercase; + font-weight: bold; +} +div.video-btn-edgy div a.video-btn-edgy-bottom-link { + right: 0; +} +div.video-btn-edgy div a:hover, +div.video-btn-edgy div a span:hover { + text-decoration: none; +} +.video-cta-top-angled, +.video-cta-bottom-angled { + z-index: 1000; + display: block; + width: 500px !important; + height: 700px !important; + position: absolute !important; +} +.video-cta-top-angled { + top: -30px; + left: 108px; + background-color: #2d4f6b; + -ms-transform: skew(-141deg, -10deg); + -webkit-transform: skew(-141deg, -10deg); + transform: skew(-141deg, -10deg); +} +.video-cta-bottom-angled { + bottom: 73px; + right: 0; + background-color: #173955; + -ms-transform: skew(38deg, -46deg); + -webkit-transform: skew(38deg, -46deg); + transform: skew(38deg, -46deg); +} +.corner-fill-in-top, +.corner-fill-in-bottom { + z-index: 1000; + position: absolute !important; + width: 12.5% !important; + height: 100% !important; +} +.corner-fill-in-top { + background-color: #2d4f6b; + bottom: 0; + left: 0; +} +.corner-fill-in-bottom { + background-color: #173955; + bottom: 0; + right: 0; +} +/* horizontal video btns */ +div.video-btn-horizontal { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +div.video-btn-horizontal div { + position: relative; + width: 100%; + height: 50%; + overflow: hidden; +} +div.video-btn-horizontal div img { + z-index: 900; + display: block; + position: absolute; + width: 100%; + height: 100%; + margin: 0; +} +div.video-btn-horizontal div a { + z-index: 1100; + position: absolute; + display: block; + top: 17%; + margin: 0 45px; + width: 35%; + font-size: 40%; + font-weight: bold; + line-height: 1.4em; + padding: 15px; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.6); + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; +} +div.video-btn-horizontal div a span { + display: block; + margin: 0 auto; + font-size: 0.6em; + line-height: 1.25em; + font-weight: normal; + margin-top: 1.25em; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; + padding: 8px 5px; + text-transform: uppercase; + font-weight: bold; +} +div.video-btn-horizontal div a.video-btn-horizontal-bottom-link { + right: 0; +} +div.video-btn-horizontal div a:hover, +div.video-btn-horizontal div a span:hover { + text-decoration: none; +} +/* video cta styles if only one link */ +div.video-btn-full { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +div.video-btn-full div { + position: absolute; + z-index: 1100; + width: 100%; + height: 100%; + overflow: hidden; +} +div.video-btn-full img { + z-index: 900; + display: block; + position: absolute; + width: 100%; + height: 100%; + margin: 0; +} +div.video-btn-full div a { + display: block; + margin: 21% auto; + width: 33%; + font-size: 45%; + font-weight: bold; + line-height: 1.4em; + padding: 15px; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.6); + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; +} +div.video-btn-full div a span { + display: block; + margin: 0 auto; + font-size: 0.6em; + line-height: 1.25em; + font-weight: normal; + margin-top: 1.25em; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; + padding: 8px 5px; + text-transform: uppercase; + font-weight: bold; +} +div.video-btn-full div a:hover, +div.video-btn-full div a span:hover { + text-decoration: none; +} +.kb-entry { + margin-top: 15px; +} +.kb-entry h2, +.kb-entry h3, +.kb-entry h4, +.kb-entry h5 { + margin: 0 0 5px 0; + padding: 0; + font-weight: 300; +} +.kb-entry h2 { + font-size: 32px; + line-height: 1.3; +} +.kb-entry h3 { + font-size: 24px; + line-height: 1.3; +} +.kb-entry h4 { + font-size: 20px; + line-height: 1.3; +} +.kb-entry h5 { + font-size: 18px; + line-height: 1.3; +} +.kb-list strong, +.kb-list span { + color: #999999; + font-size: 14px; +} +.kb-list p { + margin: 0.5em 0 1em 0; +} +.kb-list-header { + margin-bottom: 0; +} +.kb-list-header h2 { + margin-top: 0; + margin-bottom: 20px; +} +.kb-search { + border: solid 1px #c4c4c4; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + margin-bottom: 20px; +} +.kb-search input { + width: 85%; + padding: 6px 15px; + text-align: left; + transition: 0.3s; + border: none; + background: none; +} +.kb-search input:focus { + outline: none; + outline-color: none; + outline-style: none; + outline-width: none; +} +.kb-search .kb-search-icon { + float: right; + width: 14.2%; + height: 36px; + display: inline-block; + border-top: none; + border-bottom: none; + border-right: none; + border-left: solid 1px #c4c4c4; + border-radius: 0 3px 3px 0; + background: #dddddd; + transition: 0.3s; +} +.kb-search .kb-search-icon i { + font-family: FontAwesome; + font-size: 1.2em; + color: #474747; +} +.kb-search .kb-search-icon:focus { + background: #dddddd; + box-shadow: 0 0 2px #dddddd; +} +.slc { + display: block; + background-color: #eeeeee; + margin: 0; + padding: 0 ; +} +.slc .card { + padding: 2rem; +} +.slc p { + color: #585858; +} +.slc_page-header { + padding: 4rem 0; + color: #585858; + background: url("https://dummyimage.com/1920x1080/DBDBDB/D3D3D3.jpg?text=IMG"); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + box-shadow: inset 0 -7rem 7rem -9rem #585858; + position: relative; +} +.slc_page-header:before { + content: ""; + position: absolute; + z-index: -1; + background-color: rgba(88, 88, 88, 0.05); + width: 100%; + height: 100%; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.slc_page-header .header__h1 { + color: #585858; + font-size: 6rem; + font-weight: 700; +} +.slc_page-header .header__h2 { + color: #585858; + font-weight: 800; + font-size: 4rem; + margin: 1.2rem 0; +} +.slc_page-header .header__preheader { + color: #585858; + font-weight: bold; + max-width: 70%; + font-style: italic; +} +@media only screen and (max-width: 640px) { + .slc_page-header { + padding: 15rem 0; + } + .slc_page-header .page-heading_h1 { + font-size: 4rem; + font-weight: 900; + } + .slc_page-header .header__preheader { + font-weight: bold; + max-width: 100%; + } +} +.heading_h3 { + text-transform: uppercase; + color: #585858; + font-size: 1.7rem; + font-weight: 700; + display: block; + margin: 2rem 0; + padding-bottom: 1rem; + position: relative; +} +.heading_h4 { + margin: 0; + font-weight: 900; + font-size: 1.8rem; + color: #585858; + padding: 1.5rem 0; + border-bottom: 1px solid rgba(88, 88, 88, 0.08); +} +.heading_h5 { + margin: 0; + color: #585858; +} +.goback-link { + color: #368ccb; + font-weight: bold; + position: relative; + display: inline-block; + margin: 0 0 5rem 2.2rem; +} +.goback-link:hover, +.goback-link:focus { + text-decoration: none; +} +.goback-link:hover:before, +.goback-link:focus:before { + left: -25px; +} +.goback-link:before { + content: "\f060"; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + color: inherit; + font-size: 1.8rem; + padding-right: 0.5em; + transition: left 0.2s ease-in-out; + position: absolute; + left: -2rem; +} +.slc-card-btn { + display: inline-block; + padding: 0.5rem 4rem; + background: #368ccb; + color: #ffffff; + font-weight: 700; + border-radius: 4px; + font-size: 1.4rem; +} +.slc-card-btn:hover, +.slc-card-btn:focus, +.slc-card-btn:visited { + text-decoration: none; + color: #ffffff; +} +.slc-card-btn:hover { + background-color: #005596; +} +.slc_taxonomies__content .taxonomy-cards .taxonomy-card { + padding: 1rem; + background-color: #ffffff; + border-radius: 4px; + box-shadow: 0 7px 6px -7px #368ccb; +} +.slc_taxonomies__content .taxonomy-cards .taxonomy-card__header .heading_h4 { + margin: 0; + font-weight: 900; + font-size: 1.7rem; + color: #585858; + padding: 0 0 1rem 0; + border-bottom: 0.1rem solid rgba(88, 88, 88, 0.08); +} +.slc_taxonomies__content .taxonomy-cards .taxonomy-card__main-content ul { + padding-left: 2.4rem; + list-style: none; +} +.slc_taxonomies__content .taxonomy-cards .taxonomy-card__main-content ul li a { + font-size: 1.3rem; + line-height: 3rem; + font-weight: 600; + display: block; +} +.slc_taxonomies__content .taxonomy-cards .taxonomy-card__main-content ul li a:hover { + text-decoration: none; +} +.slc_taxonomies__content .taxonomy-cards .taxonomy-card__main-content ul li a:hover:before { + left: 3.5rem; +} +.slc_taxonomies__content .taxonomy-cards .taxonomy-card__main-content ul li a:before { + content: "\f101"; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + color: inherit; + font-size: 1.3rem; + padding-right: 0.5em; + transition: left 0.2s ease-in-out; + position: absolute; + left: 3rem; +} +.header__default { + background: none; + border-radius: 4px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); + overflow: hidden; + margin-top: 8px; +} +.header__default .header__top { + color: #585858; + background-color: #ffffff; + padding: 2rem 3rem; +} +.header__default .header__top h1 { + display: inline-block; + margin: 0; + font-weight: 800; + font-size: 2.8rem; + line-height: 1.5; + text-align: left; +} +.header__default .header__bottom { + padding: 1.8rem 3rem; + background-color: #005596; + border-radius: 0 0 4px 4px; + display: flex; +} +.header__default .header__bottom--padding { + padding: 0.3rem 3rem; +} +.header__default .col-no-x-padding { + padding-left: 0px; + padding-right: 0px; +} +.header__default .slc_page-header { + color: #ffffff; + box-shadow: none; + padding-bottom: 1.5rem; +} +.header__default .slc_page-header .header__h1 { + padding-bottom: 0; + margin-bottom: 0; + font-size: 6rem; + color: #84c2ea; +} +.header__default .slc_page-header .header__h2, +.header__default .slc_page-header .header__preheader { + display: none; +} +.article__header .header__bottom { + background-color: #005596; + display: flex; + align-items: center; + font-size: 1.8rem; +} +.article__header .header__bottom p { + color: #ffffff; + margin-bottom: 0; + margin-right: 1rem; +} +.article__header .header__bottom-subheading { + padding-right: 1rem; + color: #eea342; +} +.article__header .slc_page-header .header__h1 { + color: #84c2ea; +} +.article__header .slc_page-header .header__h2, +.article__header .slc_page-header .header__preheader { + display: none; +} +.navigation-tags { + display: flex; + align-items: center; +} +.navigation-tags .navigation-tags__wrapper { + display: flex; + align-items: center; + justify-content: start; +} +.navigation-tags .navigation-tags__wrapper .navigation-tags__text { + color: #ffffff; +} +.navigation-tags .navigation-tags__wrapper .navigation-tags__list { + padding: 0; + margin-bottom: 0; + margin-left: 0.7rem; +} +.navigation-tags .navigation-tags__wrapper .navigation-tags__list .list__item { + list-style: none; + display: inline-block; +} +.navigation-tags .navigation-tags__wrapper .navigation-tags__list .list__item .list__link { + color: #eea342; + font-size: 1.4rem; + padding: 0.2rem 1rem; + font-weight: bold; + border: 1px solid #eea342; + text-decoration: none; + border-radius: calc(4px - 2); +} +.navigation-tags .navigation-tags__wrapper .navigation-tags__list .list__item .list__link:hover { + color: #ffd999; + border: 1px solid #ffd999; +} +.navigation-taxonomies-select { + cursor: pointer; + padding: 0.5rem 3rem 0.5rem 1rem; + -webkit-appearance: none; + font-weight: 700; + -moz-appearance: none; + -ms-appearance: none; + outline: 0; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); + border: 0; + background: #368ccb; + color: #ffffff; + border-radius: 4px; + border: 3px solid rgba(255, 255, 255, 0.33); +} +.navigation-taxonomies-select::-ms-expand { + display: none; +} +.navigation-taxonomies-select option:hover { + outline: 0; + box-shadow: 0; + border: none; +} +.navigation__custom-select { + position: relative; + float: right; +} +.navigation__custom-select .article__custom_arrow { + display: block; + position: absolute; + font-size: 0.7em; + top: 3px; + right: 0; + height: 85%; + width: 4rem; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + pointer-events: none; +} +.navigation__custom-select .article__custom_arrow::before, +.navigation__custom-select .article__custom_arrow::after { + content: ""; + position: absolute; + width: 0; + height: 0; +} +.navigation__custom-select .article__custom_arrow::after { + border-left: 0.5rem solid transparent; + border-right: 0.5rem solid transparent; + border-bottom: 0.5em solid #ffffff; + top: 1rem; + right: 1.4rem; +} +.navigation__custom-select .article__custom_arrow::before { + border-left: 0.5rem solid transparent; + border-right: 0.5rem solid transparent; + border-top: 0.5em solid #ffffff; + top: 2rem; + right: 1.4rem; +} +@media only screen and (max-width: 989px) { + .slc-article-header .container .header__preheader { + padding: 0 0 1rem 0; + } + .lc-article { + display: block; + } + .side-menu-toggle { + display: hidden; + } + .lc-article__sidebar { + max-width: 100%; + } +} +.article__video-lightbox { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 10; + background-color: #eeeeee; + z-index: 1000; + display: none; +} +.article__video-lightbox .video-lightbox__wrapper { + display: flex; + flex-direction: column; + max-width: 960px; + padding: 2rem; + background: #ffffff; + border-radius: 4px; + position: relative; + border-bottom: 1px solid #aaaaaa; + box-shadow: 0 25px 21px -27px rgba(0, 0, 0, 0.59); +} +.article__video-lightbox .video-lightbox__wrapper .slc_page-header { + padding: 0; +} +.article__video-lightbox .video-lightbox__wrapper .slc_page-header .container { + padding: 0 ; + background: none; +} +.article__video-lightbox .video-lightbox__wrapper .slc_page-header .container .header__h1 { + font-size: 4rem; + margin-bottom: 0; +} +.article__video-lightbox .video-lightbox__wrapper .slc_page-header .container .header__h2 { + color: #dddddd; + display: inline-block; + font-size: 2rem; +} +.article__video-lightbox .video-lightbox__wrapper .slc_page-header .container .header__h2 u { + color: #333333; +} +.article__video-lightbox .video-lightbox__wrapper .slc_page-header .container .header__preheader { + display: block; + padding: 0 20rem 1rem 0; + max-width: 96%; + font-size: 1.4rem; + color: #999999; + border-bottom: 1px solid #333333; +} +@media only screen and (max-width: 738px) { + .article__video-lightbox .video-lightbox__wrapper .slc_page-header .container .header__preheader { + padding: 0 ; + } +} +.article__video-lightbox .video-lightbox__wrapper .video-lightbox__video-wrapper { + height: 53vh; +} +.article__video-lightbox .video-lightbox__wrapper .video-lightbox__video-wrapper .video-wrapper__video { + height: 100%; + display: block; + width: 100%; +} +.article__video-lightbox .wrapper__btn-close { + line-height: 7rem; + width: 7rem; + background-color: #999999; + border-top-right-radius: 4px; + color: #000000; + position: absolute; + right: 0px; + top: 0; + border: none; + font-size: 2.5rem; +} +.article__video-lightbox .wrapper__btn-close:hover { + background-color: #ffffff; +} +.article__video-lightbox .video-lightbox_descrition { + color: #999999; + margin-top: 1.5rem; +} +.slc-toggle-light-box { + display: flex; +} +.series_video-description { + display: flex; + justify-content: stretch; + align-items: stretch; +} +.series_video-description .article-series_description { + padding-right: 1rem; + color: #585858; +} +.series_video-description .article-series_video { + padding: 1rem; + background-color: rgba(88, 88, 88, 0.1); + display: flex; + flex-direction: column; + border-radius: 4px; +} +.series_video-description .article-series_video video { + display: block; + margin-bottom: 0.5rem; + width: 100%; +} +.series_video-description .article-series_video button { + background-color: #585858; + border: 0; + color: #ffffff; +} +.series_video-description .article-series_video button:hover { + background-color: rgba(88, 88, 88, 0.9); +} +@media only screen and (max-width: 992px) { + .series_video-description { + flex-direction: column; + } + .series_video-description .article-series_description { + order: 2; + } + .series_video-description .article-series_video { + order: 1; + margin-bottom: 1rem; + } +} +.related-series__heading { + margin: 0; + padding-bottom: 1.5rem; + color: #585858; + border-bottom: 1px solid #eeeeee; + padding: 0 0 14px 0; +} +.related-series { + padding: 1rem; + height: 46.8rem; + overflow-y: auto; +} +.series-items__wrapper { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + align-items: stretch; + background-color: #f9f9f9; + padding: 10px; +} +.series-items__wrapper .serie-item-link { + margin: 2rem 0.5rem; + background-color: #ffffff; + border-radius: 4px; + height: 30rem; + text-decoration: none; + color: #585858; + flex: 0 1 24%; + position: relative; + overflow: auto; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); +} +@media only screen and (max-width: 1200px) { + .series-items__wrapper .serie-item-link { + flex: 0 1 32%; + } +} +@media only screen and (max-width: 992px) { + .series-items__wrapper .serie-item-link { + flex: 0 1 48%; + } +} +.series-items__wrapper .serie-item-link:hover { + text-decoration: none; + color: #585858; + box-shadow: 0 0 0 2px #368ccb; +} +@media only screen and (max-width: 640px) { + .series-items__wrapper .serie-item-link { + flex: 0 0 48%; + } +} +@media only screen and (max-width: 580px) { + .series-items__wrapper .serie-item-link { + flex: 0 1 100%; + } +} +.series-items__wrapper .serie-visited { + background-color: #ffffff; + border-radius: 4px; + position: absolute; + display: inline-block; + padding: 0.2rem 0.5rem; + z-index: 1; + right: 12px; + top: 13px; +} +.series-items__wrapper .serie-item { + height: 100%; + display: flex; + flex-direction: column; + position: relative; + overflow: hidden; + padding-bottom: 1rem; +} +.series-items__wrapper .serie-item .serie-item__header { + height: 12rem; +} +.series-items__wrapper .serie-item .serie-item__header figure { + font-size: 0; + display: inline-block; + width: 100%; + height: 100%; +} +.series-items__wrapper .serie-item .serie-item__header figure img { + width: 100%; + height: 100%; + display: block; + object-fit: cover; +} +.series-items__wrapper .serie-item .serie-item__content { + padding: 0.8rem 0.8rem 0 0.8rem; +} +.series-items__wrapper .serie-item .serie-item__content .content__title { + font-size: 1.35rem; + line-height: 1.5; + font-weight: 700; + margin: 2rem 0 0 0; +} +.series-items__wrapper .serie-item .serie-item__content .content__title p { + margin: 0 0 1rem 0; +} +.series-items__wrapper .serie-item .serie-item__content .content__description { + font-size: 1.5rem; + color: #585858; +} +.series-items__wrapper .serie-item .serie-item__content .text-fade--vertical { + position: absolute; + bottom: 0; + right: 0px; + width: 100%; + height: 49px; + background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 75%); +} +.series-items__wrapper .serie-item footer { + position: absolute; + bottom: 0; + text-align: right; + width: 100%; +} +.series-items__wrapper .serie-item footer .fa-check { + opacity: 0.25; +} +.series-items__wrapper .serie-item footer .visited { + opacity: 1; +} +.series-items__wrapper .active { + text-decoration: none; + color: #585858; + box-shadow: 0 0 0 2px #368ccb; +} +.card.main-content--px .row .col-md-12 p img { + display: block; + margin: auto; +} +.heading--mb { + margin-bottom: 0.5rem; +} +.lc-knowledgebase-resources { + width: 220px; + padding: 0; +} +@media (max-width: 1199px) { + .lc-knowledgebase-resources { + width: 270px; + } +} +@media (max-width: 991px) { + .lc-knowledgebase-resources { + width: 100%; + } +} +.lc-knowledgebase-resources a { + background: #ffffff; + display: block; + overflow: hidden; +} +.lc-knowledgebase-resources a figure { + height: 130px; + position: relative; + padding: 70px; +} +.lc-knowledgebase-resources a figure img { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + object-fit: cover; +} +.lc-knowledgebase-resources a p { + font-weight: 700; + padding: 15px; +} +.lc-article { + display: flex; + background-color: #ffffff; + margin-bottom: 50px; + border-radius: 4px; + overflow: hidden; + box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.3); +} +.lc-article__content { + background-color: #ffffff; + flex: 1 0; + padding: 30px; +} +.lc-article__sidebar { + position: relative; + max-width: 360px; + flex: 1 0; + background-color: #e7edf5; + transition-property: max-width; + transition-duration: 500ms; +} +.lc-article__sidebar--closed { + max-width: 5px; +} +.lc-article__sidebar-nav { + margin: 0; + padding: 40px 20px; + position: relative; + z-index: 1; + text-align: center; + color: #ffffff; +} +.lc-article .wistia_responsive_padding { + margin-bottom: 10px; +} +.lc-article .wistia_responsive_padding .wistia_responsive_wrapper { + box-shadow: 0 0 0 5px #eeeeee; + border-radius: 4px; + overflow: hidden; +} +.lc-side-menu-toggle { + display: block; + position: absolute; + top: 12px; + left: -24px; + color: #005596; + width: 24px; + height: 24px; + background: #e7edf5; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + cursor: pointer; +} +.sidebar-navbar-curtain { + background-color: #eeeeee; + height: 100%; + position: absolute; + z-index: 10; + top: 0; + width: 360px; + right: -345px; +} +.articles-nav__menu { + padding: 0; +} +.articles-nav__menu > .menu__item { + list-style: none; + margin-bottom: 1rem; + background-color: rgba(255, 255, 255, 0.5); +} +.articles-nav__menu > .menu__item a:hover, +.articles-nav__menu > .menu__item a:active, +.articles-nav__menu > .menu__item a:visited, +.articles-nav__menu > .menu__item a:focus { + text-decoration: none; + outline: none; + border: none; +} +.articles-nav__menu > .menu__item .item__figure-description-wrapper { + display: flex; + justify-content: center; + align-items: center; + background-color: #f9f9f9; + overflow: hidden; +} +.articles-nav__menu > .menu__item .item__figure-description-wrapper:hover { + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 2px #368ccb; + cursor: pointer; + transition: box-shadow 0.2s ease-in-out; +} +.articles-nav__menu > .menu__item .item__figure-description-wrapper .item__figure { + width: 100%; + max-width: 100px; + height: 80px; + position: relative; +} +.articles-nav__menu > .menu__item .item__figure-description-wrapper .item__figure img { + position: absolute; + height: 100%; + left: 0; + object-fit: cover; +} +.articles-nav__menu > .menu__item .item__figure-description-wrapper .item__description { + padding: 2px 12px; + box-sizing: border-box; + flex: 1; + height: 100%; +} +.articles-nav__menu > .menu__item .item__figure-description-wrapper .item__description h6 { + margin-top: 0; + margin-bottom: 0; +} +.articles-nav__menu > .menu__item .item__figure-description-wrapper .item__description h6 p { + margin-top: 0; + margin-bottom: 0; +} +.articles-nav__menu > .menu__item .item__figure-description-wrapper .item__description p { + margin: 0; + line-height: 1.5; + font-size: 13px; + color: #585858; +} +.articles-nav__menu > .menu__item .item__figure-description-wrapper.active { + box-shadow: none; + cursor: default; + background-color: #25325b; + background-color: #005596; +} +.articles-nav__menu > .menu__item .item__figure-description-wrapper.active p { + color: #e7edf5; +} +.articles-nav__menu > .menu__item .on-this-page-nav .nav-menu { + padding-left: 0; +} +.articles-nav__submenu { + padding: 1.5rem; +} +.on-this-page-nav { + text-align: left; + margin: 20px; +} +.on-this-page-nav .nav-menu { + padding: 0 1.5rem; +} +.on-this-page-nav .nav-menu .menu__item { + line-height: 1; + margin-bottom: 15px; + list-style: none; +} +.on-this-page-nav .nav-menu .menu__item a { + font-size: 1.4rem; + position: relative; +} +.on-this-page-nav .nav-menu .menu__item a:visited { + color: #005596; +} +.on-this-page-nav .nav-menu .menu__item a.active-topic { + font-weight: bold; + text-decoration: underline; + font-size: 1.4rem; +} +.on-this-page-nav .nav-menu .menu__item:last-child { + margin-bottom: 0; +} +.aside__downloads { + text-align: left; +} +.aside__downloads .downloads__menu__item { + margin-bottom: 10px; +} +.vpn-location { + text-align: center; + text-transform: uppercase; + font-size: 24px; + font-weight: bold; +} +.vpn-location a { + color: #84c2ea; +} +.vpn-location a:hover { + text-decoration: none; + color: #368ccb; +} +.vpn-highlighted { + color: #368ccb !important; +} +/********************************** + +Preferences Style Sheet + +**********************************/ +.news-block img, +.events-block img, +.blog-block img { + width: 100%; +} +.news-block h4, +.events-block h4, +.blog-block h4 { + text-align: center; +} +/* +CONTENTS - + +Section names are formatted the same way they are in the LESS so you can copy + find that text +to jump to the section + +// Typography +// Content Boxes +// Featured Event +// Event Type Filtering +// Sorting Buttons +// Filtering +// Event Items +// Individual Event Pages +// REGISTRATION +*/ +@media only screen and (min-width: 768px) { + .is-table-row { + display: table; + width: 100%; + } + .is-table-row .content-box { + display: inline-block; + width: 100%; + height: 100%; + } + .is-table-row .share-links.share-sidebar { + position: absolute; + bottom: 0; + width: 100%; + } + .is-table-row .col-md-8, + .is-table-row .col-md-4 { + float: none; + display: table-cell; + vertical-align: top; + } +} +.events-wrapper form { + margin-bottom: 5em; +} +.events-wrapper .heading-card-title { + border-bottom: none; +} +.events-wrapper .heading-card-subtitle-text { + line-height: 1.5; +} +.events-wrapper .btn-default { + margin-top: 0; +} +.comsolday-wrapper .ems-event-content__event-title { + font-size: 2.4em; + font-weight: 700; + color: #25325b; + margin: 0 0 12px; +} +.comsolday-wrapper .ems-event-content h4.first { + color: #f15b63; + font-size: 1.2em; + font-style: italic; + font-weight: 600; +} +.comsolday-wrapper .ems-event-content img.img-responsive { + margin: 30px -20px 0; + max-width: 110%; + width: 105.25%; +} +button:focus, +button:active:focus, +button.active:focus { + outline: none!important; + outline-style: none; +} +.events-wrapper { + background: #eeeeee top center repeat-x; + width: 100%; +} +.events-wrapper h3 { + font-weight: 400; + font-weight: 600; + padding: 10px 0; + width: 100%; + line-height: 1.5; + margin: 0; + border-bottom: 1px solid #eeeeee; + font-size: 1.3em; +} +.events-wrapper h4 { + margin: 0 0 20px 0; + font-size: 1.4em; + padding: 0; + font-weight: 300; +} +.events-wrapper h5 { + font-weight: 600; +} +.events-wrapper h6 { + font-weight: 600; + font-size: 1em; + color: #555555; +} +.events-wrapper .heading-card-title { + border-bottom: 2px solid #dddddd; +} +.ems-event-content { + margin-top: 30px; +} +.ems-event-content h3 { + margin: 1.5em 0 0.5em 0; +} +.ems-event-content img { + max-width: 100%; + border-radius: 2px; +} +.ems-event-content .alert-info { + border: 1px solid #c0d6e8; + background-color: #e7edf5; +} +.ems-event-content .alert-info__heading { + margin-top: 0; + padding-top: 0; +} +.content-box .inner.ev-types-inner { + padding: 0; +} +.content-box .content-box-title-3 { + padding: 10px 20px 10px 20px; +} +.content-box .content-box-title-3 p { + padding: 0; +} +.ev-reg-box__date-time { + padding: 15px 20px 0; +} +.ev-reg-box__date-time p { + margin: 0; + line-height: 1.5; +} +.ev-featured { + background-position: left center; + background-size: cover; + padding: 0; + text-align: left; + height: 320px; +} +.ev-featured .image { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; +} +.ev-featured .ev-featured-content { + border-top: 1px solid #dddddd; + padding: 30px; + height: 100%; + width: 100%; + margin: 0; + color: #585858; +} +.ev-featured .ev-featured-content span p { + margin: 0; +} +.ev-featured h2 { + margin-top: 20px; + font-size: 38px; + font-weight: 700; + color: #585858; + max-width: 680px; +} +.ev-featured p.ev-desc, +.ev-featured .ev-desc p { + max-width: 530px; + padding: 10px 0 10px 0; + font-size: 1.4em; + color: #585858; + margin-bottom: 0.75em; +} +.ev-featured .ev-desc-alt p { + color: #ffffff; + font-size: 18px; + margin-bottom: 0.75em; +} +.ev-featured .evi-featuredbutton { + color: #ffffff; + font-size: 15px; + text-transform: uppercase; + position: absolute; + left: 30px; + background: #368ccb; + font-weight: 700; + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.ev-featured-dark .ev-featured-content, +.ev-featured-dark h2 { + color: #585858; +} +.ev-featured-dark p.ev-desc, +.ev-featured-dark .ev-desc p { + color: rgba(65, 64, 66, 0.6); +} +.ev-featured-dark .evi-featuredbutton { + color: #585858; + border-color: #585858; +} +.ev-featured-dark .evi-featuredbutton:hover { + color: #ffffff; + font-weight: 600; + background: #585858; +} +.ev-featured-dark .evi-featuredbutton:hover a { + color: #ffffff; +} +.ev-featured--comsoldays .ev-featured-content .evi-featuredbutton { + background: #f15b63; +} +.ev-featured-conference .ev-featured-content .evi-featuredbutton { + border: 2px solid #ffffff; +} +.ev-featured-conference .ev-featured-content .evi-featuredbutton:hover { + background: #ffffff; +} +.ev-featured-course .ev-featured-content { + background: rgba(35, 79, 89, 0.9); +} +.ev-featured-course .ev-featured-content .evi-featuredbutton { + background: rgba(255, 255, 255, 0.8); + color: #333333; +} +.ev-featured-course .ev-featured-content .evi-featuredbutton:hover { + background: #ffffff; +} +.ev-featured-workshop .ev-featured-content { + background: rgba(56, 128, 144, 0.9); +} +.ev-featured-workshop .ev-featured-content .evi-featuredbutton { + background: rgba(255, 255, 255, 0.8); + color: #333333; +} +.ev-featured-workshop .ev-featured-content .evi-featuredbutton:hover { + background: #ffffff; +} +.ev-featured-webinar .ev-featured-content { + background: rgba(4, 99, 111, 0.9); +} +.ev-featured-webinar .ev-featured-content .evi-featuredbutton { + background: rgba(255, 255, 255, 0.7); + color: #333333; +} +.ev-featured-webinar .ev-featured-content .evi-featuredbutton:hover { + background: #ffffff; +} +.ev-featured-special .ev-featured-content { + background: rgba(56, 128, 144, 0.9); +} +.ev-featured-special .ev-featured-content .evi-featuredbutton { + background: rgba(255, 255, 255, 0.7); + color: #333333; +} +.ev-featured-special .ev-featured-content .evi-featuredbutton:hover { + background: #ffffff; +} +.ev-featured-web-meeting .ev-featured-content { + background: rgba(56, 128, 144, 0.9); +} +.ev-featured-web-meeting .ev-featured-content .evi-featuredbutton { + background: rgba(255, 255, 255, 0.7); + color: #333333; +} +.ev-featured-web-meeting .ev-featured-content .evi-featuredbutton:hover { + background: #ffffff; +} +.event-type-block { + margin-top: -4px; + padding: 0 20px; + width: 100%; + min-height: 60px; + border-top: 1px solid #dddddd; + border-radius: 0 0 4px 4px; + background-color: #f2f2f2; + text-transform: uppercase; + box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.3); + overflow: visible; +} +.event-type-block h3, +.event-type-block .type-toggle { + border-bottom: 0; + width: auto; + float: left; + padding: 0; + line-height: 60px; + color: #999999; + font-size: 1em; + font-weight: 400; + text-transform: uppercase; +} +@media (max-width: 992px) { + .event-type-block h3, + .event-type-block .type-toggle { + font-size: 0.9em; + } +} +.event-type-block .type-toggle { + background: transparent; + border: none; +} +.event-type-block .type-toggle:after { + display: inline-block; + font-family: FontAwesome; + content: "\f107"; +} +.event-type-block .type-toggle:hover, +.event-type-block .type-toggle:active, +.event-type-block .type-toggle:focus { + text-decoration: none; + color: #333333; + font-weight: 600; +} +.event-type-block .ev-toggle { + line-height: 60px; + padding: 0; + color: #999999; + text-transform: uppercase; + font-size: 1em; + font-weight: 400; +} +@media (max-width: 992px) { + .event-type-block .ev-toggle { + font-size: 0.9em; + } +} +.event-type-block .ev-toggle:hover, +.event-type-block .ev-toggle:active, +.event-type-block .ev-toggle:focus { + text-decoration: none; + color: #333333; + font-weight: 600; +} +.event-type-block .ev-toggle:after { + display: inline-block; + font-family: FontAwesome; + content: "\f107"; +} +.event-type-block .ev-types { + margin-bottom: 0; + background-color: #f2f2f2; +} +button.ev-clearfilter { + font-size: 0.8em; + color: #555555; +} +.ev-types { + padding: 0 100px 0 120px; + height: 60px; + text-align: center; + background: #ffffff; + width: 100%; +} +@media (max-width: 992px) { + .ev-types { + padding: 0 81px 0 103px; + } +} +.ev-types li { + cursor: pointer; + padding: 0; + margin: 0 2%; + line-height: 58px; + text-align: center; + display: inline-block; +} +.ev-types li .fa-check, +.ev-types li.active:hover .fa-check { + display: none; +} +.ev-types li a { + display: block; + text-align: center; + padding: 0; + font-size: 16px; + text-decoration: none; + border-radius: 4px; + color: #585858; + font-weight: 800; + text-transform: uppercase; +} +@media (max-width: 992px) { + .ev-types li a { + font-size: 14px; + } +} +.ev-types .evt-checkbox { + width: 16px; + height: 16px; + display: inline-block; + border-radius: 4px; + margin-right: 2px; + margin-top: -3px; + font-size: 11px; + line-height: 16px; + vertical-align: middle; + color: #333333; + background: #dddddd; + text-align: center; +} +@media (max-width: 992px) { + .ev-types .evt-checkbox { + width: 14px; + height: 14px; + font-size: 10px; + line-height: 14px; + } +} +.ev-types .fa-times { + display: none; +} +.ev-types li.active .fa-check, +.ev-types li:hover .fa-check { + display: inline-block; +} +.ev-types li:hover .fa-check { + opacity: 0.6; +} +.ev-types li.active .fa-times, +.ev-types li:hover .fa-times { + display: none; +} +.ev-types li.active:hover .fa-times { + display: inline-block; +} +.ev-types li.evt-training.active .evt-checkbox { + background-color: #a5d5cf; + color: #ffffff; +} +.ev-types li.evt-workshop.active .evt-checkbox { + background-color: #a5d5cf; + color: #ffffff; +} +.ev-types li.evt-webinar.active .evt-checkbox { + background-color: #388090; + color: #ffffff; +} +.ev-types li.evt-special-event.active .evt-checkbox { + background-color: #388090; + color: #ffffff; +} +.type-mobile { + max-height: 66px; + width: 100%; +} +@media (min-width: 992px) { + .type-mobile { + display: none!important; + } +} +.type-mobile .ev-types { + padding: 0 10px; + background: #ffffff; + margin: 0; + font-size: 0; + text-align: center; + width: 100%; + clear: both; +} +.type-mobile .ev-types li { + width: 24%; + margin: 0; +} +@media (min-width: 992px) { + .ev-types-toggle.collapse { + display: block!important; + visibility: visible; + } +} +@media (max-width: 991px) { + .ev-types-inner { + clear: both; + } + .ev-types-toggle { + clear: both; + } + .ev-types { + padding: 0 10px; + } +} +@media (max-width: 580px) { + .ev-types { + height: auto; + } + .ev-types li { + width: 45%; + } +} +.comparison { + padding: 0 25px; + width: 100%; + background: rgba(255, 255, 255, 0.66); + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); + font-size: 1em; + min-height: 4px; +} +.comparison .ev-types-details { + margin-top: 1em; +} +.comparison ul { + padding: 15px 0; +} +.comparison-border { + width: 100%; + background: #585858; + height: 4px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); + border-radius: 0 0 4px 4px; +} +.ev-types-details ul { + margin: 0; + padding: 10px 10px 5px 10px; +} +.ev-types-details ul li { + list-style: none; + margin: 0; + padding: 5px 0; + border-bottom: 1px solid #eeeeee; + text-align: left; +} +.ev-types-details ul li a { + margin: 0 0 0 0; + padding: 0 0 0 0; + font-weight: inherit; + display: inline; + font-size: inherit; +} +.ev-types-details ul li:last-child { + border-bottom: 0; +} +.type-banner { + padding-top: 160%; +} +.type-banner.event-card .archived, +.type-banner.event-list .archived { + background: url(https://cdn.comsol.com/events/archived-webinag-background.png); + background-size: cover; + z-index: 999; + width: 100%; + height: 100%; + padding: 61% 15px; +} +.type-banner.event-card .consultant, +.type-banner.event-list .consultant { + background: url(https://cdn.comsol.com/events/consultant-training-background.png); + background-size: cover; + z-index: 999; + width: 100%; + height: 100%; + padding: 52% 15px; +} +.type-banner.event-card .text1, +.archived-webinar-banner .text1 { + font-size: 0.9em; + margin-bottom: 10px; + opacity: 0.9; + display: block; +} +.type-banner.event-card .text2, +.archived-webinar-banner .text2 { + display: block; + font-size: 1.2em; +} +.type-banner.event-card .text2 a, +.archived-webinar-banner .text2 a, +.type-banner.event-card .text2 a:active, +.archived-webinar-banner .text2 a:active, +.type-banner.event-card .text2 a:visited, +.archived-webinar-banner .text2 a:visited { + color: #a5ca8f; + font-weight: 600; +} +.type-banner.event-card .text2 a:hover, +.archived-webinar-banner .text2 a:hover, +.type-banner.event-card .text2 a:focus, +.archived-webinar-banner .text2 a:focus { + color: #c1dab2; +} +.type-banner.event-card .consultant-course, +.archived-webinar-banner .consultant-course { + font-size: 0.9em; + margin-bottom: 10px; + display: block; + text-transform: uppercase; +} +.type-banner.event-card .consultant-online-person, +.archived-webinar-banner .consultant-online-person { + font-size: 0.9em; + margin-bottom: 10px; + display: block; +} +.type-banner.event-card .consultant-list, +.archived-webinar-banner .consultant-list { + display: block; + font-size: 1.25em; +} +.type-banner.event-card .consultant-list a, +.archived-webinar-banner .consultant-list a, +.type-banner.event-card .consultant-list a:active, +.archived-webinar-banner .consultant-list a:active, +.type-banner.event-card .consultant-list a:visited, +.archived-webinar-banner .consultant-list a:visited { + color: #eeeeee; + font-weight: 600; +} +.type-banner.event-card .consultant-list a:hover, +.archived-webinar-banner .consultant-list a:hover, +.type-banner.event-card .consultant-list a:focus, +.archived-webinar-banner .consultant-list a:focus { + color: #eeeeee; +} +.ev-sorting-bar { + background: #ffffff; + padding: 18px; + font-size: 0.9em; + vertical-align: middle; + display: block; + width: 100%; +} +.ev-sorting-bar .dropdown { + margin: 0; +} +.ev-sorting-bar .dropdown-menu { + background: #ffffff; + z-index: 10 !important; +} +.ev-sorting-bar .events-sort-label { + display: inline-block; + margin: 0; + text-transform: uppercase; + font-weight: 600; + color: #585858; + line-height: 30px; + font-size: 12px; + vertical-align: middle; +} +.ev-sorting { + display: inline-block; + font-size: 0.9em; + padding: 0; + margin-right: 15px; + vertical-align: middle; + margin-bottom: 0; +} +.ev-sorting label { + display: inline-block; + margin: 0; + text-transform: uppercase; + font-weight: 600; + color: #585858; + line-height: 30px; + font-size: 12px; + vertical-align: middle; +} +.ev-sorting select { + display: inline-block; + width: auto; + padding: 0 10px; + font-size: 0.9em; + height: 25px; + background: rgba(238, 238, 238, 0.43); +} +.ev-sorting .events-sort { + background: transparent; + padding: 5px 10px; + margin: 0; + display: inline-block; + font-weight: 800; + color: #585858; + padding-left: 0; +} +.ev-sorting .events-sort button { + background: transparent; + border: 0; +} +.ev-sorting ul.dropdown-menu { + background: #ffffff; + z-index: 7; + width: 80%; + margin-top: 0px; + border-radius: 0 0 4px 4px; + box-shadow: 0 0 0 transparent; + right: -1px; + padding: 0; + left: auto; + min-width: 0; + border: 1px solid #dddddd; + border-top: 1px solid #ffffff; +} +.ev-sorting ul.dropdown-menu li > a { + padding: 3px 10px; + font-size: 0.8em; +} +.view-buttons { + height: 30px; + padding: 0 0; + display: inline-block; + border-radius: 4px; + font-size: 0; + vertical-align: middle; +} +.view-buttons i { + font-size: 18px; +} +.ev-view-toggle { + color: #333333; + background: transparent; + text-align: center; + font-weight: bold; + transition: 0.2s; + width: 30px; + height: 100%; + display: inline-block; + float: none; + font-size: 14px; + border: 0; +} +.ev-view-toggle#ev-list-toggle { + border-radius: 4px 0 0 4px; +} +.ev-view-toggle:hover { + color: #000000; +} +.ev-view-toggle.active, +.ev-view-toggle.active:hover { + color: #000000; + cursor: default; +} +.ev-view-toggle:first-child { + border-right: 1px solid #dddddd; +} +.ev-sorting-bar { + text-align: left; +} +.ev-sorting-bar .form-group { + margin-bottom: 0; + display: inline-block; + font-size: 0.8em; + vertical-align: top; +} +.ev-sorting-bar .form-group .ev-input-group { + width: auto; +} +.ev-sorting-bar .form-group .ev-input-group .form-control { + padding-left: 5px; +} +.ev-sorting-bar .form-group .ev-input-group-addon { + float: left; + display: inline-block; + height: 30px; + line-height: 28px; + background: #eeeeee; + padding: 0 10px; + border: 1px solid #dddddd; + border-right: none; + border-radius: 4px 0 0 4px; + color: #585858; +} +.ev-sorting-bar .form-group .form-control, +.ev-sorting-bar .form-group .ev-view-toggles { + display: inline-block; + width: auto; + height: 30px; + padding: 0; + border-radius: 0 4px 4px 0; + background: rgba(255, 255, 255, 0.64); + border: 1px solid #dddddd; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; +} +.ev-sorting-bar .ev-col { + display: inline-block; +} +.ev-sorting-bar .ev-col:first-child .form-group { + margin-right: 10px; +} +.ev-contentbox-heading { + font-size: 18px; + width: 100%; + display: block; +} +.ev-contentbox-heading h2 { + display: inline-block; + vertical-align: middle; + color: #585858; + margin: 0 0 0 0; + position: relative; + padding: 20px 15px; + font-weight: 600; +} +.ev-contentbox-heading .archived-webinar__bar { + clear: both; + display: inline-block; + font-size: 16px; +} +.ev-contentbox-heading .archived-webinar__bar a { + display: block; + color: #388090; +} +.ev-contentbox-heading .archived-webinar__bar a:hover, +.ev-contentbox-heading .archived-webinar__bar a:focus { + text-decoration: none; +} +.ev-contentbox-heading .archived-webinar__bar .archives__banner-text { + font-weight: 300; + color: #388090; + display: block; + text-align: left; +} +.ev-contentbox-heading .archived-webinar__bar .archives__banner-text:hover { + color: #37776f; +} +.ev-contentbox-heading .archived-webinar__bar .archives--now { + font-weight: 600; + color: #ffffff; +} +.ev-contentbox-heading .archived-webinar__bar .fa-chevron-right { + font-size: 0.9em; +} +.ev-filter h2 { + margin-top: 0; + margin-bottom: 0; +} +.ev-filter .secondaryLabel { + margin: 1em 0; + display: block; + font-weight: 800; + color: #585858; +} +.ev-filter .textLabel { + margin: 0 0 0.2em 0; + display: block; + font-weight: 800; + color: #585858; + padding-left: 0; + float: left; +} +.ev-filter .filterOption { + float: right; + margin: 0 0 0.2em 0; + display: block; + font-weight: 400; + color: #585858; + padding-left: 0; + font-size: 0.9em; +} +.ev-filter .filterOption label { + display: inline-block; +} +.ev-filter .filterOption input[type="radio"] { + margin-right: 4px; +} +.ev-filter .ev-filter-heading { + text-decoration: none; + display: block; + padding: 12px 15px 15px; + cursor: pointer; + background: #585858; + font-weight: 600; + color: #ffffff; + font-size: 17px; + letter-spacing: 0.05em; +} +.ev-filter .ev-filter-heading i { + position: absolute; + right: 4px; + margin-top: 2px; + font-size: 15px; +} +.ev-filter .ev-filtertoggle-button { + border: 0; + background: #368ccb; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); + border-radius: 4px 4px 0 0; + color: #ffffff; + display: block; + font-size: 18px; + padding: 10px; + width: 100%; + height: 45px; +} +.ev-filter button.collapsed { + border-radius: 4px; +} +.ev-filter label, +.ev-filter legend { + font-size: 1em; + line-height: 1.2em; + margin: 0; + padding: 0; + font-weight: 500; + color: #585858; + border: 0; + transition: 0.2s; +} +.ev-filter h3 + label { + margin-top: 15px; +} +.ev-filter .ev-distance { + width: 30%; +} +.ev-filter input[type="checkbox"] { + position: absolute; + width: 14px; + height: 14px; + overflow: hidden; + margin: 0; + padding: 0; + border: 0; + outline: 0; + opacity: 0; + cursor: pointer; +} +.ev-filter input[type="checkbox"] + label span:before { + display: inline-block; + width: 14px; + height: 14px; + margin: 0 0 0 0; + background: #dddddd; + border-radius: 2px; + border: 1px solid #dddddd; + content: " "; + vertical-align: top; + margin-left: -25px; + margin-top: 0.1em; + margin-right: 11px; + font-size: 12px; + line-height: 14px; +} +.ev-filter .checkbox { + margin: 10px 0 10px 0; +} +.ev-filter .checkbox:last-of-type { + margin-bottom: 0; +} +.ev-filter .checkbox:last-of-type label { + line-height: 1; +} +.ev-filter input[type="checkbox"]:hover + label span:before { + font: 1em FontAwesome; + color: #dddddd; + content: "\f00c"; + font-size: 11px; +} +.ev-filter .checkbox:first-child { + margin-top: 0; +} +.ev-filter label { + font-size: 1em; + line-height: 1.2em; + margin: 0; + padding: 0; + font-weight: 500; + cursor: pointer; + color: #585858; + border: 0; + transition: 0.2s; + display: block; + padding-left: 14px; +} +.ev-filter label span { + display: inline-block; + padding-left: 12px; +} +.ev-filter .search-filter { + margin-bottom: 20px; + margin-top: 5px; + border: solid 1px #dddddd; + border-radius: 3px; +} +.ev-filter .form-group { + padding: 0 20px 30px; + margin: 0; +} +.ev-filter .form-group:first-of-type { + margin-top: 25px; +} +.ev-filter .form-group-inner { + clear: left; +} +.ev-filter input[type=radio] + label { + display: inline-block; +} +.ev-filter .ev-timeSlider .ev-currentTime { + display: block; + width: 100%; + clear: left; + margin-bottom: 5px; + font-size: 0.8em; +} +.ev-filter .ev-timeSlider .ui-widget-header { + background: #4b6b5e; +} +.ev-filter .filter-list { + padding: 0 10px 0 0; + margin: 0; + font-size: 14px; +} +.ev-filter .filter-list.filter-scrollList { + max-height: 300px; + overflow-y: scroll; + margin: 0; + margin-top: 0; + padding: 20px 10px 10px 20px; + border-bottom: 1px solid #eeeeee; +} +.ev-filter .filter-list li > span { + margin-left: -5px; + margin-top: 15px; + font-weight: 800; + color: #333333; +} +.ev-filter input[type="checkbox"]:checked + label span:before, +.ev-filter input[type="checkbox"]:checked:hover + label span:before { + background: #dddddd; + font: 1em FontAwesome; + color: #585858; + content: "\f00c"; + font-size: 12px; +} +.ev-filter input[type=Search] { + width: 85%; + padding: 6px 20px; + text-align: left; + transition: 0.3s; + border: none; +} +.ev-filter .search-icon { + float: right; + width: 33px; + height: 33px; + display: inline-block; + border: none; + border-radius: 0 3px 3px 0; + background: #f2f2f2; + transition: 0.3s; +} +.ev-filter .search-icon i { + font-size: 1.2em; + color: #585858; +} +.related-events h4 { + margin-bottom: 10px; +} +.related-events .details { + margin-left: 15px; + font-size: 0.9em; +} +input[type="checkbox"][disabled] + label span:before { + opacity: 0.8; + color: #dddddd; +} +input[type="checkbox"][disabled]:hover + label span:before { + content: ' '; +} +input[type="checkbox"][disabled], +input[type="checkbox"][disabled] + label { + cursor: default; + color: #dddddd; +} +.filter-scrollList li:first-of-type { + margin-top: 20px; +} +@media (min-width: 992px) { + .ev-filter button { + cursor: default; + text-align: left; + } + .ev-filter button i { + display: none; + } + .ev-filter .ev-filter-interior.collapse { + display: block; + visibility: visible; + height: auto!important; + } +} +.ev-loading { + font-size: 1.2em; + padding: 10% 0; +} +.ev-loading span { + text-transform: uppercase; + font-weight: 600; + color: rgba(128, 128, 128, 0.69); + vertical-align: middle; + margin-left: 0.5em; +} +h1.event-title { + padding: 20px 30px; + color: #555555; + border-bottom: 5px solid #585858; +} +h1.event-title h1 { + display: inline-block; + margin: 0; + font-weight: 800; + font-size: 1.8em; + line-height: 1em; + text-align: left; + padding-right: 200px; +} +@media screen and (max-width: 991px) { + h1.event-title h1 { + font-size: 1.5em; + line-height: 1.2; + } +} +h1.event-title h1:only-child { + padding-right: 0; +} +h1.event-title .btn { + position: absolute; + top: 50%; + right: 35px; + margin-top: -20px; + display: inline-block; + float: right; + font-size: 1em; + font-weight: 600; + letter-spacing: 0.7px; + box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); +} +h1.event-title a { + display: block; +} +h1.event-title a:hover { + text-decoration: none; +} +h1.event-title p { + margin-bottom: 0; + color: #555555; +} +.event-item { + padding: 0; + border: 1px solid #eeeeee; + margin: 20px 0; + position: relative; +} +.event-item h2 { + font-size: 16px; + display: table; + margin: 0; + font-weight: 400; + padding: 10px; + border-bottom: 1px solid #eeeeee; +} +.event-item h2 a { + color: #000000; + display: table-cell; + vertical-align: middle; + padding-right: 10px; +} +.event-item .ec-datetime { + color: #999999; + font-size: 14px; + padding: 5px 10px; + text-align: left; +} +.event-item .ec-location { + width: 100%; + font-weight: 400; + letter-spacing: 0.05em; + line-height: 1; + min-height: 1em; + display: inline-block; +} +.event-item .ec-date { + width: 100%; + opacity: 0.8; + letter-spacing: 0.05em; + font-weight: 400; + line-height: 1; + line-height: 1.3; + min-height: 1em; + display: inline-block; +} +.event-list h2 { + display: block; + padding-right: 65px; +} +.event-list h2 a { + color: rgba(0, 0, 0, 0.75); + display: table-cell; + vertical-align: middle; + padding-right: 10px; + font-weight: 800; + letter-spacing: 0.03em; +} +.event-list h2 a span { + font-weight: 400; +} +.event-list p { + padding: 10px; + margin: 0; +} +.event-list button { + position: absolute; + top: 5px; + right: 9px; + padding: 3px 10px; + font-size: 12px; +} +.event-list .ev-bar { + position: absolute; + top: 0; + right: 0; + width: 4px; + height: 100%; + border-radius: 0 2px 2px 0; +} +.event-list .ec-datetime { + border-top: 1px solid #eeeeee; + margin-top: -1px; +} +.event-list.type-webinar h2 a span { + color: #04636f; +} +.event-list.type-workshop h2 a span { + color: #388090; +} +.event-list.type-training-course h2 a span { + color: #388090; +} +.event-list.type-special h2 a span { + color: #388090; +} +.event-list.type-comsol-days h2 a span { + color: #388090; +} +.event-list.type-webinar h2 a span { + color: #388090; +} +.ev-noResults { + margin-top: 1em; + padding: 4em 3em; + text-align: center; + font-weight: 400; + font-size: 1.1em; +} +.event-card { + padding: 0; + overflow: hidden; + border-radius: 4px 4px 4px 4px; + color: #ffffff; + height: 415px; +} +@media (min-width: 768px) and (max-width: 991px) { + .event-card { + max-width: 300px; + margin: 25px auto; + } +} +.event-card::before { + display: block; + width: auto; + top: 0; + position: absolute; + height: auto; + content: ' '; + color: inherit; + padding: 3px 10px; + border-radius: 0 4px 0; + letter-spacing: 0.05em; + font-size: 12px; + right: 0; + z-index: 6; +} +.event-card .ev-card-header { + position: relative; + padding-top: 70%; + display: block; +} +.event-card .ev-card-header-image { + position: absolute; + top: 0; + left: 0; + padding-top: 70%; + display: block; + width: 100%; + background-size: cover; + background-position: left bottom; + opacity: 0.8; + transition: all 0.5s ease; +} +.event-card .event-card-typeBadge { + display: block; + width: auto; + top: 0; + position: absolute; + height: auto; + content: ' '; + color: inherit; + padding: 3px 10px; + border-radius: 0 4px 0; + letter-spacing: 0.05em; + font-size: 12px; + right: 0; + z-index: 6; +} +.event-card.type-training-course .ev-cardtitle { + background: rgba(56, 128, 144, 0.76); +} +.event-card.type-training-course .ec-datetime { + background: #062754; +} +.event-card.type-training-course .event-card-typeBadge { + background: #388090; +} +.event-card.type-workshop .ev-cardtitle { + background: rgba(56, 128, 144, 0.76); +} +.event-card.type-workshop .ec-datetime { + background: #062754; +} +.event-card.type-workshop .event-card-typeBadge { + background: #388090; +} +.event-card.type-webinar .ev-cardtitle { + background: rgba(4, 99, 111, 0.76); +} +.event-card.type-webinar .ec-datetime { + background: #062754; +} +.event-card.type-webinar .event-card-typeBadge { + background: #04636f; +} +.event-card.type-webinar .typeBadge--archive-highlight { + background: #e65e30; +} +.event-card.type-special .ev-cardtitle { + background: rgba(56, 128, 144, 0.76); +} +.event-card.type-special .ec-datetime { + background: #062754; +} +.event-card.type-special .event-card-typeBadge { + background: #388090; +} +.event-card.type-comsol-days .ev-cardtitle { + background: rgba(56, 128, 144, 0.76); +} +.event-card.type-comsol-days .ec-datetime { + background: #062754; +} +.event-card.type-comsol-days .event-card-typeBadge { + background: #388090; +} +.event-card.type-meeting .ev-cardtitle { + background: rgba(56, 128, 144, 0.76); +} +.event-card.type-meeting .ec-datetime { + background: #062754; +} +.event-card.type-meeting .event-card-typeBadge { + background: #388090; +} +.event-card .ev-meta { + background: #eeeeee; + border-top: 1px solid #eeeeee; + padding: 5px; + font-size: 13px; + position: absolute; + bottom: 0; + left: 0; + width: 100%; +} +.event-card .ev-cardtitle { + margin: 0 0 0 0; + width: 100%; + border-bottom: 0; + position: absolute; + background: rgba(44, 44, 47, 0.8); + bottom: 0; + left: 0; + color: #ffffff; + font-weight: 600; + font-weight: 400; + font-size: 1em; + font-size: 0.95em; + line-height: 1.3; + letter-spacing: 0.03em; + border-radius: 0; +} +.event-card .ec-desc { + padding: 10px; + font-size: 13px; + height: 180px; + color: #555555; + position: relative; +} +.event-card .ec-desc:after { + display: block; + content: ' '; + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 96%, #ffffff 100%); + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 96%, #ffffff 100%); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 96%, #ffffff 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='@white', GradientType=0); + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 30px; +} +.event-card .ec-datetime { + padding: 5px 8px; + color: #eeeeee; + background: #252525; + font-size: 13px; +} +.event-card .ec-price { + color: #999999; + text-align: right; + padding: 0; +} +.event-card .ev-image { + width: 100%; + display: block; + z-index: 0; +} +.event-card .ev-topic { + color: #555555; +} +.event-card:hover .ev-card-header-image { + opacity: 1; + transition: all 0.5s ease; +} +.ev-more { + width: 100%; + font-size: 18px; + padding: 10px 0; + display: block; + text-align: center; + border: 1px solid #eeeeee; +} +.cm-modal { + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + min-height: 36px; + background: rgba(238, 238, 238, 0.5); +} +.cm-modal-img { + position: absolute; + left: 50%; + top: 50%; + margin-left: -10px; + margin-top: -10px; +} +.flash-msg { + text-align: center; + width: 100%; + padding: 28px; + display: none; +} +.ev-breadcrumb { + font-size: 0.85em; + margin-bottom: 20px; + background: #dddddd; + padding: 15px; + margin-left: -20px; + margin-top: -20px; + margin-right: -20px; +} +.ev-breadcrumb i, +.ev-breadcrumb a { + color: #999999; +} +.ev-breadcrumb i { + font-size: 1.2em; + margin-left: 5px; + font-weight: 800; + color: #555555; +} +.ev-breadcrumb a { + font-weight: 600; + text-transform: uppercase; + margin-left: 0.3em; +} +#registerblock .vid-filter-spinner { + text-align: center; + font-size: 2em; + line-height: 1; + height: 60px; +} +#registerblock .vid-filter-spinner .fa { + vertical-align: middle; +} +.course-wrapper .ev-breadcrumb a { + color: #555555; +} +.course-wrapper .btn-ev-register { + background: #a5d5cf; + border: 2px solid rgba(255, 255, 255, 0.3); + color: #388090; + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.course-wrapper .btn-ev-register:hover { + background-color: #94cdc6; + border: 2px solid #94cdc6; + color: #388090; +} +.course-wrapper .share-link:hover { + background: #a5d5cf; +} +.workshop-wrapper .ev-breadcrumb a { + color: #555555; +} +.workshop-wrapper .btn-ev-register { + background: #a5d5cf; + border: 2px solid rgba(255, 255, 255, 0.3); + color: #388090; + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.workshop-wrapper .btn-ev-register:hover { + background-color: #94cdc6; + border: 2px solid #94cdc6; + color: #388090; +} +.workshop-wrapper .share-link:hover { + background: #a5d5cf; +} +.webinar-wrapper .ev-breadcrumb a { + color: #555555; +} +.webinar-wrapper .btn-ev-register { + background: #a5d5cf; + border: 2px solid rgba(255, 255, 255, 0.3); + color: #388090; + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.webinar-wrapper .btn-ev-register:hover { + background-color: #94cdc6; + border: 2px solid #94cdc6; + color: #388090; +} +.webinar-wrapper .share-link:hover { + background: #a5d5cf; +} +.special-wrapper .ev-breadcrumb a { + color: #555555; +} +.special-wrapper .btn-ev-register { + background: #a5d5cf; + border: 2px solid rgba(255, 255, 255, 0.3); + color: #388090; + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.special-wrapper .btn-ev-register:hover { + background-color: #94cdc6; + border: 2px solid #94cdc6; + color: #388090; +} +.special-wrapper .share-link:hover { + background: #a5d5cf; +} +.web-meeting-wrapper .ev-breadcrumb a { + color: #555555; +} +.web-meeting-wrapper .btn-ev-register { + background: #a5d5cf; + border: 2px solid rgba(255, 255, 255, 0.3); + color: #388090; + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.web-meeting-wrapper .btn-ev-register:hover { + background-color: #94cdc6; + border: 2px solid #94cdc6; + color: #388090; +} +.web-meeting-wrapper .share-link:hover { + background: #a5d5cf; +} +.comsolday-wrapper .ev-breadcrumb a { + color: #555555; +} +.comsolday-wrapper .btn-ev-register { + background: #a5d5cf; + border: 2px solid rgba(255, 255, 255, 0.3); + color: #388090; + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.comsolday-wrapper .btn-ev-register:hover { + background-color: #94cdc6; + border: 2px solid #94cdc6; + color: #388090; +} +.comsolday-wrapper .share-link:hover { + background: #a5d5cf; +} +.btn-ev-register { + padding-left: 20px; + padding-right: 20px; + border: 0; + color: #ffffff; + font-weight: 800; + letter-spacing: 0.7px; + text-transform: uppercase; + font-size: 16px; +} +.btn-ev-register:hover { + color: #ffffff; +} +.btn-ev-register-top { + margin-top: 0; +} +.evi-overview-image { + width: 100%; + background: transparent; + height: auto; +} +.evi-overview-image img { + display: block; + width: 100%; +} +.evi-map { + width: 100%; + height: 0; + margin: 0 auto 10px auto; + padding-top: 45%; + position: relative; +} +.evi-map iframe { + width: 100%; + height: 100%; + /* had to specify height/width */ + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.ev-location-alt { + font-size: 0.9em; + margin-top: 0.5em; +} +.ev-location-alt span.room { + font-weight: 600; + color: #585858; + font-size: 0.9em; + padding-bottom: 0.5em; + display: block; +} +.ev-location-alt select { + width: 184px; + max-width: 100%; + font-size: 0.9em; +} +.parking-information { + font-style: italic; + color: #999999; + font-size: 0.85em; +} +.clear { + width: 100%; + clear: both; +} +.events-sidebar__timezone { + background-color: #eeeeee; + margin: 10px -10px; + padding: 10px; + border-radius: 10px; +} +.events-sidebar__timezone--light-text { + color: #999999; +} +.events-sidebar__timezone--dark-text { + color: #333333; +} +.evi-speakers .evi-speak { + float: left; + width: 100%; + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; + margin-bottom: 20px; +} +.evi-speakers .evi-speak:before, +.evi-speakers .evi-speak:after { + content: " "; + display: table; +} +.evi-speakers .evi-speak:after { + clear: both; +} +.evi-speakers .evi-speak:before, +.evi-speakers .evi-speak:after { + content: " "; + display: table; +} +.evi-speakers .evi-speak:after { + clear: both; +} +@media (min-width: 768px) { + .evi-speakers .evi-speak { + float: left; + width: 50%; + } +} +@media (min-width: 992px) { + .evi-speakers .evi-speak { + float: left; + width: 100%; + } +} +@media (min-width: 1200px) { + .evi-speakers .evi-speak { + float: left; + width: 100%; + } +} +.evi-speakers .evi-speak:last-of-type { + margin-bottom: 0; +} +.evi-speakers .evi-photo { + width: 100px; + height: auto; + overflow: hidden; + border-radius: 4px; + margin: 0 10px 10px 0; +} +.evi-speakers img { + width: 100%; + display: block; +} +.evi-speakers .evi-name { + font-weight: 600; + font-size: 15px; + display: block; +} +.evi-speakers .evi-name a { + color: inherit; +} +.evi-speakers .evi-name i.fa { + margin-left: 0.8em; +} +.evi-speakers .evi-co { + font-style: italic; + display: block; + font-weight: 400; +} +.evi-speakers .evi-bio { + width: 100%; + display: block; + clear: both; + font-size: 0.9em; + font-weight: 400; + margin-top: 10px; +} +.evi-schedule .timeblock { + float: left; + width: 100%; + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} +@media (min-width: 768px) { + .evi-schedule .timeblock { + float: left; + width: 16.66666667%; + } +} +@media (min-width: 992px) { + .evi-schedule .timeblock { + float: left; + width: 16.66666667%; + } +} +@media (min-width: 1200px) { + .evi-schedule .timeblock { + float: left; + width: 16.66666667%; + } +} +.evi-schedule .infoblock { + float: left; + width: 100%; + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} +@media (min-width: 768px) { + .evi-schedule .infoblock { + float: left; + width: 83.33333333%; + } +} +@media (min-width: 992px) { + .evi-schedule .infoblock { + float: left; + width: 83.33333333%; + } +} +@media (min-width: 1200px) { + .evi-schedule .infoblock { + float: left; + width: 83.33333333%; + } +} +.evi-schedule .ev-adminblock { + color: #999999; +} +.evi-schedule a { + color: #333333; + font-weight: 400; +} +.evi-schedule .courserow a, +.evi-schedule .courserow .timeblock, +.evi-schedule .courserow.nested .name, +.evi-schedule .courserow .name { + font-weight: 600; +} +.evi-schedule .nested-session a { + font-weight: 600; +} +.evi-schedule .para-name-title { + text-transform: uppercase; + color: #999999; + font-size: 13px; +} +.evi-schedule .ev-sched-collapse { + text-transform: none; + font-size: 16px; + font-weight: 600; +} +.evi-schedule .end { + display: none; +} +.evi-schedule .schedule-group-unselectable .row, +.evi-schedule .schedule-group .row { + border-bottom: 1px solid rgba(128, 128, 128, 0.08); + padding: 15px 0; +} +.evi-schedule .schedule-group-unselectable:last-child .row:last-child, +.evi-schedule .schedule-group .row:last-child { + border-bottom: 0; +} +.evi-schedule div.schedule-group { + border-left: 5px solid #e0e0e0; + border-top: 1px solid #e0e0e0; + border-right: 1px solid #e0e0e0; + border-bottom: 1px solid #e0e0e0; + margin-bottom: -1px; + margin-top: -1px; + margin-left: -5px; +} +.evi-schedule div.schedule-group + div.schedule-group { + margin-top: 5px; +} +.evi-schedule .schedule-group.multiple .row:last-child { + margin-bottom: 0; +} +.evi-schedule p { + margin: 10px 0; +} +.ems-event-content .evi-schedule .courserow a { + color: #1c9ab6; +} +.schedule-group-unselectable .courserow, +.schedule-group-unselectable .ev-adminblock { + padding-bottom: 10px; +} +.ev-sched-list { + color: #333333; +} +.ev-sched-list ul { + margin: 10px 0; + padding: 0px 0px 0px 20px; +} +.ev-sched-list ul li { + padding: 0 0 10px 0; +} +.panel.ev-adminblock { + box-shadow: 0 0 0; + -webkit-box-shadow: 0 0 0; +} +.panel-collapse { + font-size: 0.9em; +} +.cd-cover-image { + float: left; + width: 50%; + padding: 0 1em 1em 0; +} +.ems-cdSpeakers .evi-speakers .evi-speak { + width: 50%; +} +.ems-cdSpeakers .evi-speakers .evi-photo { + width: 100px; + height: 100px; + position: absolute; +} +.ems-cdSpeakers .evi-speakers .evi-name { + padding-left: 110px; + font-weight: 800; + font-size: 16px; +} +.ems-cdSpeakers .evi-speakers .evi-co { + padding-left: 110px; + display: block; +} +.ems-cdSpeakers .evi-speakers .evi-bio { + clear: none; + margin-top: 10px; + padding-left: 110px; +} +.ems-cdSpeakers .evi-speakers .evi-spacer:nth-child(4n) { + display: block; + width: 100%; + clear: both; +} +.cd-schedule .schedule { + padding-top: 50px; +} +.cd-schedule .schedule h3 { + position: absolute; + padding: 10px 20px 10px 20px; + width: 100%; + top: 0; + left: 0; +} +@media screen and (min-width: 992px) { + .ems-cdSpeakers .evi-speak { + min-height: 100px; + } +} +@media screen and (max-width: 991px) { + .ems-cdSpeakers .evi-speak { + min-height: 1px; + } +} +@media screen and (max-width: 1169px) { + .ems-cdSpeakers .evi-speakers .evi-photo { + width: 80px; + height: 80px; + } +} +@media screen and (max-width: 991px) { + .ems-cdSpeakers .evi-speakers .evi-photo { + width: 60px; + } + .ems-cdSpeakers .evi-speakers .evi-speak { + width: 100%; + } + .ems-cdSpeakers .evi-speakers .evi-bio { + clear: left; + padding-left: 0; + margin-top: 20px; + } +} +.preview-alert i { + font-size: 2em; + float: left; + padding: 0 0.5em 1.5em 0; +} +.preview-alert strong { + line-height: 2em; +} +.evreg-step1 { + text-align: center; +} +.btn-event-reg { + width: 50%; + max-width: 200px; + display: inline-block; + margin: 10px 10px 10px 10px; + white-space: normal; + font-size: 14px; +} +.btn-ev-access { + font-weight: 300; +} +#evreg-step3 h4 { + margin-bottom: 0.5em; +} +.ev-choosesession div.checkbox, +.ev-extraquestions div.checkbox { + margin: 0 0 1em 0; +} +.ev-choosesession .time, +.ev-extraquestions .time { + font-size: 0.85em; +} +.ev-choosesession input[type="checkbox"], +.ev-extraquestions input[type="checkbox"], +.ev-choosesession input[type="radio"], +.ev-extraquestions input[type="radio"] { + position: absolute; + /* Match the image dimensions */ + width: 14px; + height: 14px; + /* Reset anything that could peek out or interfere with dimensions */ + overflow: hidden; + margin: 4px 10px 0 0; + padding: 0; + border: 0; + outline: 0; + opacity: 0; + cursor: pointer; +} +.ev-choosesession input[type="checkbox"] + .labeltext:before, +.ev-extraquestions input[type="checkbox"] + .labeltext:before, +.ev-choosesession input[type="radio"] + .labeltext:before, +.ev-extraquestions input[type="radio"] + .labeltext:before, +.ev-choosesession input[type="checkbox"] + span:before, +.ev-extraquestions input[type="checkbox"] + span:before, +.ev-choosesession input[type="radio"] + span:before, +.ev-extraquestions input[type="radio"] + span:before { + display: inline-block; + width: 14px; + height: 14px; + margin: 4px 7px 0 0; + background: #dddddd; + content: " "; + vertical-align: top; + position: absolute; + left: 0; +} +.ev-choosesession input[type="checkbox"]:checked + .labeltext:before, +.ev-extraquestions input[type="checkbox"]:checked + .labeltext:before, +.ev-choosesession input[type="radio"]:checked + .labeltext:before, +.ev-extraquestions input[type="radio"]:checked + .labeltext:before, +.ev-choosesession input[type="checkbox"]:checked + span:before, +.ev-extraquestions input[type="checkbox"]:checked + span:before, +.ev-choosesession input[type="radio"]:checked + span:before, +.ev-extraquestions input[type="radio"]:checked + span:before { + background: #dddddd; + font: 1em FontAwesome; + color: #585858; + content: "\f00c"; +} +.ev-choosesession input[type="radio"] + .labeltext:before, +.ev-extraquestions input[type="radio"] + .labeltext:before, +.ev-choosesession input[type="radio"] + span:before, +.ev-extraquestions input[type="radio"] + span:before { + border-radius: 7px; +} +.ev-choosesession input[type="radio"]:checked + .labeltext:before, +.ev-extraquestions input[type="radio"]:checked + .labeltext:before, +.ev-choosesession input[type="radio"]:checked + span:before, +.ev-extraquestions input[type="radio"]:checked + span:before { + content: "\f111"; + font-size: 9px; + line-height: 14px; + text-align: center; +} +.ev-choosesession .title, +.ev-extraquestions .title, +.ev-choosesession .time, +.ev-extraquestions .time { + line-height: 22px; +} +.ev-choosesession .title, +.ev-extraquestions .title { + font-weight: 800; +} +.ev-choosesession .time, +.ev-extraquestions .time { + padding-top: 5px; +} +.ev-choosesession input[type="checkbox"] + .labeltext:before, +.ev-choosesession input[type="radio"] + .labeltext:before { + left: 10px; +} +.ev-choosesession .ev-group-title { + font-weight: 700; + color: #368ccb; +} +.ev-choosesession .checkbox { + border: 1px solid #eeeeee; + padding: 0 10px 10px 10px; + background-color: #ffffff; + box-shadow: 0px 3px 5px -5px #000000; + border-radius: 5px; +} +.ev-choosesession .checkbox.disabled { + opacity: 0.3; + cursor: none; + pointer-events: none; +} +.ev-choosesession .checkbox.selected { + border-color: #368ccb; +} +.ev-choosesession .labeltext { + margin-left: 4px; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ev-choosesession .time { + margin-left: 5px; +} +.ev-choosesession.ev-flex .ev-sessiongroup-wrapper { + display: inline-block; +} +.ev-paymentOptions, +.ev-extraquestions { + padding: 0 0 10px 0; +} +.ev-paymentOptions span { + font-size: 1em; + line-height: 1.2em; + margin: 0 0.5em 0 0; + padding: 0; + font-weight: 600; + border: 0; + display: inline-block; +} +.ev-paymentOptions label { + display: block; +} +.ev-paymentOptions .multiselect-native-select { + width: 100%; +} +.ev-paymentOptions .multiselect-native-select .btn-group { + width: 100%; +} +.ev-paymentOptions .multiselect-native-select .btn-group button { + width: 100%; +} +.ev-paymentOptions .multiselect-native-select ul.multiselect-container { + width: 100%; +} +.ev-success-mssg { + width: 400px; + display: inline-block; +} +.payment__background { + padding: 20px; + min-height: 390px; +} +.complete-paymnt-data label { + font-weight: 800; + font-size: 16px; +} +.complete-paymnt-data .text-input { + border: none; + background-color: #ffffff; +} +#Form1 table tbody tr td { + font-size: 16px; +} +.share { + display: block; + float: right; + border: 1px solid rgba(0, 0, 0, 0.11); + padding: 0; + width: 200px; + margin-bottom: 20px; +} +.share-CTA { + font-weight: bold; + display: block; + margin-bottom: 10px; + padding: 10px; +} +.share-link { + width: 25%; + display: block; + float: left; + text-align: center; + color: #585858; + padding: 5px 0 5px 0; +} +.share-link:hover { + color: #ffffff; +} +.share-links.share-sidebar { + border-top: 1px solid #eeeeee; +} +.share-links.share-sidebar .bdshare-button-style0-16 .bds_weixin { + background-position: 26px -1603px; +} +.share-links.share-sidebar .bdshare-button-style0-16 .bds_tsina { + background-position: 27px -95px; +} +.share-links.share-sidebar .bdshare-button-style0-16 .bds_linkedin { + background-position: 27px -1655px; +} +.share-links.share-sidebar .bdshare-button-style0-16 .bds_mail { + background-position: 27px -2331px; +} +.share-links.share-sidebar .bdshare-button-style0-16 a { + width: 20% !important; + font-size: inherit !important; + padding-left: inherit !important; + height: 32px !important; + line-height: 32px !important; + margin: inherit !important; + padding: 5px 0 5px 0; +} +#evreg-step2-login .form-errors ul li { + color: #333333; +} +.ev-payment-confirmation h2 { + margin-top: 0; +} +.ev-payment-confirmation .well { + background: transparent; + box-shadow: none; + font-size: 0.9em; +} +.ev-payment-confirmation .well p:last-child { + margin-bottom: 0 ; +} +.ev-payment-confirmation .share-links { + margin: 20px -20px 0 -20px; +} +.ev-payment-confirmation .ems-event-content { + padding-bottom: 0; +} +/*=== Webinar Event Survey ===*/ +.nav-tab { + border-bottom: 2px solid #eeeeee; + margin: 10px 0; +} +.nav-tab .nav-tab__menu { + margin: 0; + padding: 0; +} +.nav-tab .nav-tab__menu .menu-tab__list { + display: inline-block; +} +.nav-tab .nav-tab__menu .menu-tab__list .menu-tab__btn { + font-size: 14px; + font-weight: 700; + display: inline-block; + padding: 4px 8px; + color: #585858; + text-decoration: none; + outline: none; + border: none; +} +.nav-tab .nav-tab__menu .menu-tab__list .active { + color: #ffffff; +} +.srvey-form-container { + padding: 10px; + background-color: #eeeeee; +} +.srvey-form-container .event-survey { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +.srvey-form-container .event-survey .survey-desc { + font-size: 15px; + line-height: 1.5; +} +.srvey-form-container .event-survey label, +.srvey-form-container .event-survey input { + cursor: pointer; +} +.srvey-form-container .event-survey .checkbox { + margin: 2px 0; + padding: 0; + flex: 0 0 49.7%; + background-color: #ffffff; + box-shadow: none; + border-radius: 0; +} +@media only screen and (max-width: 435px) { + .srvey-form-container .event-survey .checkbox { + flex: 1 174px; + } +} +.srvey-form-container .event-survey .checkbox .check-container { + padding: 10px; + display: block; + margin: 0; +} +.srvey-form-container .event-survey .checkbox .check-container .title { + display: block; + padding-left: 24px; + font-weight: 400; +} +.srvey-form-container .event-survey .checkbox .check-container .title::before { + transform: translateX(10px); +} +.srvey-form-container .event-survey .lst-child { + flex-grow: 1; +} +.srvey-form-container .event-survey .textarea-survey { + flex-grow: 1; + display: block; + width: 100%; + min-height: 150px; + margin: 8px 0 0 0; + padding: 10px; +} +.extra-form-for-web-meeting .checkbox.selected { + border-color: #a5d5cf; +} +.extra-form-for-web-meeting .active { + background: #a5d5cf; +} +.extra-form-for-web-meeting .active:hover { + background: #97cfc8; +} +.extra-form-for-webinar .checkbox.selected { + border-color: #a5d5cf; +} +.extra-form-for-webinar .active { + background: #a5d5cf; +} +.extra-form-for-webinar .active:hover { + background: #97cfc8; +} +.extra-form-for-training-course .checkbox.selected { + border-color: #a5d5cf; +} +.extra-form-for-training-course .active { + background: #a5d5cf; +} +.extra-form-for-training-course .active:hover { + background: #97cfc8; +} +.extra-form-for-comsol-days .checkbox.selected { + border-color: #a5d5cf; +} +.extra-form-for-comsol-days .active { + background: #a5d5cf; +} +.extra-form-for-comsol-days .active:hover { + background: #97cfc8; +} +.extra-form-for-special-event .checkbox.selected { + border-color: #a5d5cf; +} +.extra-form-for-special-event .active { + background: #a5d5cf; +} +.extra-form-for-special-event .active:hover { + background: #97cfc8; +} +.extra-form-for-workshop .checkbox.selected { + border-color: #a5d5cf; +} +.extra-form-for-workshop .active { + background: #a5d5cf; +} +.extra-form-for-workshop .active:hover { + background: #97cfc8; +} +.costumer-visit-form label { + cursor: pointer; +} +.costumer-visit-form .visit-form__label { + margin-right: 20px; +} +.costumer-visit-form .textarea__label { + display: block; + margin: 20px 0px 10px; + width: 100%; +} +.heading-card__event-title { + font-size: 1.8em; + color: #e7edf5; + margin: 0; + padding: 25px 20px 0 40px; + font-weight: 800; + background-color: #388090; +} +.archive-webinar { + display: inline-block; + margin-top: 6px; +} +.certified-consultant-bar { + display: flex; + justify-content: flex-start; + align-items: center; + padding: 15px; + background-color: #f2f2f2; +} +.certified-consultant-bar .certified-consultant-cta { + font-size: 16px; + max-width: 200px; + padding-right: 20px; + margin: 0 25px 0 0; + border-right: solid 1px #dddddd; +} +.certified-consultant-bar .consultant-link { + font-size: 15px; + margin-right: 10px; + text-decoration: underline; +} +.certified-consultant-bar .evi-featuredbutton { + color: #ffffff; + font-size: 15px; + text-transform: uppercase; + left: 30px; + background: #368ccb; + font-weight: 700; + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.certified-consultant-bar .event-feature--title { + font-size: 16px; + max-width: 500px; + margin: 0 50px 0 0; +} +.certified-consultant-bar .event-feature-links { + display: inline-block; + border-left: solid 1px #dddddd; + padding: 20px; + width: 100%; + font-weight: 600; +} +.certified-consultant-cta, +.sorting-toggles { + color: #585858; +} +.ev-sorting-bar { + display: flex; + justify-content: space-between; + align-items: center; + box-shadow: 0px 18px 0 -17px #e7edf5; +} +.ev-sorting-bar--bg { + background-color: #f2f2f2; + box-shadow: initial; +} +@media only screen and (max-width: 626px) { + .certified-consultant-bar { + flex-direction: column; + } + .certified-consultant-bar .certified-consultant-cta, + .certified-consultant-bar .event-feature--title { + width: 100%; + max-width: 100%; + margin-right: 0; + padding: 0; + } + .certified-consultant-bar .certified-contultants-links, + .certified-consultant-bar .event-feature-links { + display: block; + width: 100%; + border-left: none; + padding: 10px 0 0 0; + } + .certified-consultant-bar .certified-contultants-links .certified-contultants-links a, + .certified-consultant-bar .event-feature-links .certified-contultants-links a { + padding: 10px 0; + } + .ev-sorting-bar { + display: flex; + align-items: end; + flex-direction: column; + } + .ev-sorting-bar .sorting-toggles { + margin-top: 20px; + } +} +.permissions-error .preview-alert { + background-color: #ffffff; +} +/*Events Calendar 2022*/ +.ecal-wrapper h2 { + font-weight: 600; + font-size: 24px; +} +.ecal-wrapper h3 { + font-size: 18px; + font-weight: 700; + line-height: 1.1; + margin-top: 10px; +} +.ecal-wrapper h1, +.ecal-wrapper h2, +.ecal-wrapper h3, +.ecal-wrapper h4, +.ecal-wrapper h5 { + color: #585858; +} +.ecal-wrapper .ecal-section--header { + background-color: #eeeeee; +} +.ecal-wrapper .ecal-section--header .card { + border-radius: 0px; + margin: 0px; +} +.ecal-wrapper .ecal-section--header .card__overflow { + overflow: visible; +} +.ecal-wrapper .ecal-section--consultants { + background-color: #dddddd; +} +.ecal-wrapper .ecal-section--consultants .cc-cards { + margin-top: 30px; +} +.ecal-wrapper .ecal-section--consultants .cc-cards a { + text-decoration: none; +} +.ecal-wrapper .header--adj-margin { + margin-top: 0px; +} +.ecal-wrapper .ecal-section--upcomming { + background-color: #f9f9f9; +} +.ecal-wrapper .ecal-section--ondemand { + background-color: #f2f2f2; +} +.ecal-wrapper .events-cal__hero { + padding: 30px 0px 15px; + color: #555555; +} +.ecal-wrapper .events-cal__previews { + margin: 0px 0px 25px; + top: 0px; + position: relative; + border-radius: 0 0 4px 4px; +} +.ecal-wrapper .events-cal__previews:last-child { + padding-left: 0px; +} +.ecal-wrapper .time-breadcrumb { + margin: 10px 5px 5px 5px; + color: #005596; + font-style: italic; + font-size: 13px; +} +.ecal-wrapper .filter-breadcrumbs { + display: inline-block; + margin: 5px 5px 5px 5px; + border: 1px solid #005596; + border-radius: 4px; + background: #ffffff; +} +.ecal-wrapper .filter-breadcrumbs button { + color: #005596; + background: #ffffff; + text-align: center; + transition: 0.2s; + width: auto; + display: inline-block; + font-size: 16px; + border: 0px; +} +.ecal-wrapper .filter-breadcrumbs button:first-of-type { + border-radius: 5px 0 0 5px; + padding-right: 0; +} +.ecal-wrapper .filter-breadcrumbs button:last-of-type { + border-radius: 0 5px 5px 0; + color: #005596; + padding-left: 0; +} +.ecal-wrapper .filter-breadcrumbs i { + color: #005596; + font-weight: 400; +} +.ecal-wrapper .events-cal__search { + margin-top: 5px; +} +.ecal-wrapper .events-cal__search input { + height: 29px; +} +.ecal-wrapper .events--search__submit { + color: #ffffff; + background-color: #005596; +} +.ecal-wrapper .filter-breadcrumbs--clear { + display: inline-block; +} +.ecal-wrapper .filter-breadcrumbs--clear button { + background-color: #005596; + color: #ffffff; + border: #368ccb; + border-radius: 0; + border-radius: 5px 5px 5px 5px; + margin: 5px; +} +.ecal-wrapper .heading-card-title { + border-bottom: 0px; +} +.ecal-wrapper .discipline { + padding: 15px 0px 20px; +} +.ecal-wrapper .discipline .discipline__icon { + display: inline-block; + color: #333333; +} +.ecal-wrapper .discipline .discipline__icon .icon-card { + display: block; + width: 70px; + margin: 10px auto 0px; + padding: 10px; + border: 2px solid transparent; + border-radius: 50%; + cursor: pointer; +} +.ecal-wrapper .discipline .discipline__icon .icon-card i { + text-align: center; + width: 100%; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--chemical { + color: #388090; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--chemical:hover { + border-color: #388090; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--electrical { + color: #eea342; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--electrical:hover { + border-color: #eea342; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--fluid-and-heat { + color: #005596; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--fluid-and-heat:hover { + border-color: #005596; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--interfacing { + color: #25325b; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--interfacing:hover { + border-color: #25325b; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--structural-and-acoustics { + color: #e65e30; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--structural-and-acoustics:hover { + border-color: #e65e30; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--modeling-workflow { + color: #368ccb; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--modeling-workflow:hover { + border-color: #368ccb; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--general { + color: #b455a0; +} +.ecal-wrapper .discipline .discipline__icon .icon-card--general:hover { + border-color: #b455a0; +} +.ecal-wrapper .discipline .discipline__icon img { + width: 100%; + display: block; + margin-left: auto; + margin-right: auto; +} +.ecal-wrapper .discipline .discipline__icon h5 { + text-align: center; +} +.ecal-wrapper .discipline .discipline__icon .discipline__icon-title { + text-align: center; + cursor: pointer; + font-weight: 600; +} +.ecal-wrapper .discipline .discipline__icon .discipline__icon-title img { + width: 80px; +} +.ecal-wrapper .discipline .discipline__icon .title-chemical { + color: #388090; +} +.ecal-wrapper .discipline .discipline__icon .title-electrical { + color: #eea342; +} +.ecal-wrapper .discipline .discipline__icon .title-fluid-and-heat { + color: #005596; +} +.ecal-wrapper .discipline .discipline__icon .title-interfacing { + color: #25325b; +} +.ecal-wrapper .discipline .discipline__icon .title-structural-and-acoustics { + color: #e65e30; +} +.ecal-wrapper .discipline .discipline__icon .title-modeling-workflow { + color: #368ccb; +} +.ecal-wrapper .discipline .discipline__icon .title-general { + color: #b455a0; +} +.ecal-wrapper .discipline .discipline__select { + display: flex; + flex: 1 0; + flex-wrap: wrap; + justify-content: space-around; + padding: 0px 6px; +} +.ecal-wrapper .discipline .discipline__select > .active .icon-card--chemical { + border-color: #388090; + background-color: #388090; +} +.ecal-wrapper .discipline .discipline__select > .active .icon-card--electrical { + border-color: #eea342; + background-color: #eea342; +} +.ecal-wrapper .discipline .discipline__select > .active .icon-card--fluid-and-heat { + border-color: #005596; + background-color: #005596; +} +.ecal-wrapper .discipline .discipline__select > .active .icon-card--interfacing { + border-color: #25325b; + background-color: #25325b; +} +.ecal-wrapper .discipline .discipline__select > .active .icon-card--structural-and-acoustics { + border-color: #e65e30; + background-color: #e65e30; +} +.ecal-wrapper .discipline .discipline__select > .active .icon-card--modeling-workflow { + border-color: #368ccb; + background-color: #368ccb; +} +.ecal-wrapper .discipline .discipline__select > .active .icon-card--general { + border-color: #b455a0; + background-color: #b455a0; +} +.ecal-wrapper .sort-filter .input-group__title { + font-weight: 600; +} +.ecal-wrapper .sort-filter .nav-tabs { + border-bottom: 0px; + font-weight: 600; + background-color: #dddddd; + box-shadow: 0px 2px 0 rgba(100, 100, 100, 0.3); + padding-top: 2px; +} +.ecal-wrapper .sort-filter .nav-tabs > li { + border: 0; +} +.ecal-wrapper .sort-filter .nav-tabs > li > a { + color: #333333; +} +.ecal-wrapper .sort-filter .nav-tabs > li > a:hover { + border: 0px; + border-radius: 0px; +} +.ecal-wrapper .sort-filter .nav-tabs > li.active > a { + border: 1px solid #ffffff; + border-radius: 0px; + color: #585858; +} +.ecal-wrapper .sort-filter .input-group-btn { + color: #333333; + display: inline-block; + margin-right: 15px; +} +.ecal-wrapper .sort-filter .input-group-btn button:first-child { + border-radius: 5px 0 0 5px; +} +.ecal-wrapper .sort-filter .input-group-btn button:last-child { + border-radius: 0 5px 5px 0; +} +.ecal-wrapper .sort-filter .input-group-btn button:hover { + border-color: #c0d6e8; + box-shadow: 0 3px 10px rgba(54, 140, 203, 0.2); + -webkit-box-shadow: 0 3px 10px rgba(54, 140, 203, 0.2); + transition: box-shadow 0.2s ease; + -webkit-transition: box-shadow 0.2s ease; +} +.ecal-wrapper .sort-filter .input-group-btn .active { + border: 1px solid #c0d6e8; + background-color: #e7edf5; + color: #368ccb; + transition: border 0.5s ease; + -webkit-transition: border 0.5s ease; +} +.ecal-wrapper .type-filter ul, +.ecal-wrapper .language-filter ul, +.ecal-wrapper .type-filter ol, +.ecal-wrapper .language-filter ol { + margin-bottom: 0; +} +.ecal-wrapper .time-filter .form-group { + margin-bottom: 0; +} +.ecal-wrapper .time-filter .my-time, +.ecal-wrapper .time-filter .host-time, +.ecal-wrapper .time-filter .ev-currentTime { + font-weight: 700; +} +.ecal-wrapper .time-filter .my-time { + color: #368ccb; + cursor: pointer; +} +.ecal-wrapper .time-filter .time-filter--child { + display: inline-block; + margin-right: 35px; + font-size: 14px; +} +.ecal-wrapper .time-filter .time-filter--child .ev-currentTime { + margin-left: 5px; +} +.ecal-wrapper .time-filter .time-filter--child label { + margin: 0; + font-size: 14px; +} +.ecal-wrapper .time-filter .time-filter--child .slider-container { + width: 50px; + height: 16px; + top: 2px; +} +.ecal-wrapper .time-filter .time-filter--child .ui-slider-horizontal { + display: inline-block; + width: 200px; + margin-left: 5px; +} +.ecal-wrapper .time-filter .time-filter--child .slider-container__slider { + border: 1px solid #c0d6e8; + background-color: #e7edf5; +} +.ecal-wrapper .time-filter .time-filter--child .slider-container__slider:before { + height: 10px; + width: 10px; + left: 4px; + bottom: 2px; + background-color: #368ccb; +} +.ecal-wrapper .time-filter .time-filter--child .ui-widget-header { + background: #368ccb; + border: 1px solid #c0d6e8; + cursor: pointer; +} +.ecal-wrapper .time-filter .time-filter--child .ui-state-default:hover, +.ecal-wrapper .time-filter .time-filter--child .ui-state-focus { + border: 1px solid #c0d6e8; + background: #e7edf5; + cursor: pointer; +} +.ecal-wrapper .sort-filter__window { + background-color: #ffffff; + width: 100%; + padding: 15px 30px 15px 15px; + border-radius: 0 0 4px 4px; + display: flex; + align-items: center; +} +.ecal-wrapper .sort-filter__window .input-group { + display: inline-block; +} +.ecal-wrapper .sort-filter__window .input-group div { + display: inline-block; +} +.ecal-wrapper .sort-filter__window .radio, +.ecal-wrapper .sort-filter__window .checkbox { + display: inline-block; + margin: 0; +} +.ecal-wrapper .sort-filter__window .radio label, +.ecal-wrapper .sort-filter__window .checkbox label { + margin: 0px; + padding-left: 0; + padding-right: 0; + font-size: 14px; + min-width: 100px; +} +.ecal-wrapper .sort-filter__window .view-toggle--events { + color: #333333; + background: transparent; + text-align: center; + transition: 0.2s; + width: auto; + height: 100%; + display: inline-block; + float: none; + font-size: 16px; + border: 1px solid #dddddd; +} +.ecal-wrapper .sort-filter__window .filter-label { + margin: 0px; + margin-left: 3px; + cursor: pointer; +} +.ecal-wrapper .sort-filter__window .filter-label label { + padding-top: 0; +} +.ecal-wrapper .sort-filter__window .btn { + padding: 0px 12px; +} +.ecal-wrapper .sort-filter__window .btn-checkbox { + display: flex; + justify-content: center; + font-size: 1.55rem; + border: 1px solid #dddddd; + border-radius: 5px; + background-color: #eeeeee; + min-width: 124px; + padding-right: 21px; + color: #585858; + transition: 0.2s ease-in-out; +} +.ecal-wrapper .sort-filter__window .btn-checkbox:hover { + border-color: #c0d6e8; + box-shadow: 0 3px 10px rgba(54, 140, 203, 0.2); + -webkit-box-shadow: 0 3px 10px rgba(54, 140, 203, 0.2); + transition: box-shadow 0.2s ease; + -webkit-transition: box-shadow 0.2s ease; +} +.ecal-wrapper .sort-filter__window .filter-list .active { + border: 1px solid #c0d6e8; + background-color: #e7edf5; + color: #368ccb; + -webkit-box-shadow: none; + box-shadow: none; +} +.ecal-wrapper .sort-filter__window .filter-list .active i { + padding-top: 4px; + border: none; + color: #368ccb; +} +.ecal-wrapper .sort-filter__window .btn-checkbox__type { + width: auto; + padding-right: 25px; +} +.ecal-wrapper .sort-filter__window .language-filter ul, +.ecal-wrapper .sort-filter__window .type-filter ul { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 4px; +} +.ecal-wrapper .sort-filter__window .internal-filter { + width: 100%; +} +.ecal-wrapper .sort-filter__window .internal-filter .internal-select-office { + margin: 5px 0 15px 0; +} +.ecal-wrapper .antibounce-wrapper { + min-height: 90px; + display: flex; +} +.ecal-wrapper hr { + border-color: #dddddd; +} +.ecal-wrapper .card-box { + margin: 0; +} +.ecal-wrapper .card-box--previews { + box-shadow: none; + background-color: #f9f9f9; + padding: 0px; +} +.ecal-wrapper .flex-row__events { + gap: 21px; +} +.ecal-wrapper .preview__text--event { + width: 100%; +} +.ecal-wrapper .timezone-select { + margin-top: 5px; +} +.ecal-wrapper .timezone-select select { + height: 130px; + line-height: 1; + padding: 1px 12px; + position: absolute; + z-index: 1; +} +.ecal-wrapper .timezone-select .select-wrapper { + display: none; +} +.ecal-wrapper .timezone-select .select-wrapper.active { + display: block; +} +.ecal-wrapper .timezone-select--btn { + border: none; + background: none; + padding-left: 0px; + color: #368ccb; + vertical-align: top; + width: 65%; +} +.ecal-wrapper .cc__block-card { + display: inline-block; + width: 48%; + padding: 5px 15px; + background-color: #ffffff; + border-radius: 5px; + box-shadow: 0px 7px 6px -5px rgba(0, 0, 0, 0.21); +} +.ecal-wrapper .cc__block-card:first-child { + margin-right: 17px; +} +.ecal-wrapper .cc__block-card h4 { + margin-bottom: 0px; +} +.ecal-wrapper .cc__block-card:hover { + box-shadow: 0px 0px 0px 2px #368ccb, 0px 2px 4px rgba(100, 100, 100, 0.3); +} +.ecal-wrapper .cc__block-card:hover a { + text-decoration: none; +} +.ecal-wrapper .external-link { + position: absolute; + top: 0px; + right: 0px; + width: 25px; + margin: 5px; + text-align: center; + border-radius: 5px; + background-color: #f2f2f2; +} +.ecal-wrapper .external-link i { + color: #368ccb; + font-size: 14px; +} +.ecal-wrapper .date-time--block { + display: flex; +} +.ecal-wrapper .start-time, +.ecal-wrapper .date { + color: #585858; +} +.ecal-wrapper .start-time { + text-align: right; + z-index: 5000; + margin-bottom: 10px; + font-size: 13.5px; + font-style: italic; +} +.ecal-wrapper .event-preview__details { + display: flex; + flex-wrap: wrap; + flex-direction: column; + padding: 0; + width: 23.5%; + overflow: hidden; + opacity: 0.9; +} +.ecal-wrapper .event-preview__details a { + text-decoration: none; +} +.ecal-wrapper .event-preview__details h3 { + margin-top: 0px; +} +.ecal-wrapper .event-preview__details .event-preview__img { + position: relative; + overflow: hidden; + max-height: 190px; +} +.ecal-wrapper .event-preview__details .event-preview__img img { + width: 100%; + flex: 0 1; +} +.ecal-wrapper .event-preview__details .event-preview__flex-col { + display: flex; + flex: 1 0; + flex-wrap: wrap; +} +.ecal-wrapper .event-preview__details .event-preview__flex-child-bottom { + width: 100%; + align-self: end; +} +.ecal-wrapper .event-preview__details .event-preview__type { + font-weight: 400; + font-size: 13px; + padding: 0px 15px 0; + text-transform: uppercase; +} +.ecal-wrapper .event-preview__details .event-preview__host { + font-size: 13px; + letter-spacing: 0.3px; + padding: 5px 15px 0px; + color: #333333; +} +.ecal-wrapper .event-preview__details .discipline-dot { + font-size: 13px; + padding: 5px 15px; +} +.ecal-wrapper .discipline-dot { + color: #dddddd; +} +.ecal-wrapper .discipline-dot .topic-chemical { + color: #388090; +} +.ecal-wrapper .discipline-dot .topic-electrical { + color: #eea342; +} +.ecal-wrapper .discipline-dot .topic-fluid-and-heat { + color: #005596; +} +.ecal-wrapper .discipline-dot .topic-interfacing { + color: #25325b; +} +.ecal-wrapper .discipline-dot .topic-structural-and-acoustics { + color: #e65e30; +} +.ecal-wrapper .discipline-dot .topic-modeling-workflow { + color: #368ccb; +} +.ecal-wrapper .discipline-dot .topic-general { + color: #b455a0; +} +.ecal-wrapper .event-preview__list th { + padding: 5px 20px; +} +.ecal-wrapper .event-preview__list tr:first-of-type { + border: 1px solid #dddddd; +} +.ecal-wrapper .event-preview__list tr:nth-child(odd) { + background-color: #f2f2f2; +} +.ecal-wrapper .event-preview__list tr:nth-child(even) { + background-color: #ffffff; +} +.ecal-wrapper .event-preview__list td:nth-child(2) { + min-width: 85px; +} +.ecal-wrapper .event-preview__list td:nth-child(3) h3 { + font-size: 16px; + font-weight: 600; +} +.ecal-wrapper .event-preview__list td:nth-child(4) { + min-width: 165px; + text-align: center; +} +.ecal-wrapper .event-preview__list td { + font-size: 16px; + padding: 0 20px; + border-left: 1px solid #dddddd; + border-right: 1px solid #dddddd; +} +.ecal-wrapper .event-preview__list td:first-of-type { + border-left: 0; + min-width: 130px; +} +.ecal-wrapper .event-preview__list td:last-of-type { + border-right: 0; +} +.ecal-wrapper .event-count { + margin-top: 15px; +} +.ecal-wrapper .btn--load { + width: 50%; + margin-top: 5px; +} +.ecal-wrapper .archive-preview__details { + text-decoration: none; + display: flex; + width: 49%; + background-color: #ffffff; + padding: 0; +} +.ecal-wrapper .archive-preview__details .archive-preview__img { + display: flex; + vertical-align: top; + overflow: hidden; + border-radius: 4px 0 0 4px; +} +.ecal-wrapper .archive-preview__details .archive-preview__info { + display: flex; + width: 100%; + overflow: hidden; + padding: 10px 15px 5px; + flex-direction: column; + justify-content: space-between; +} +.ecal-wrapper .archive-preview__details .archive-preview__type { + font-weight: 400; + font-size: 13px; + text-transform: uppercase; +} +.ecal-wrapper .archive-preview__details .archive-preview__date { + margin-bottom: 10px; + font-size: 13px; + font-weight: 400; +} +.ecal-wrapper .archive-preview__details .archive-preview__flex-child-bottom { + width: 100%; + align-self: end; +} +.ecal-wrapper .archive-preview__details .event-preview__host { + font-weight: 200; +} +@media (min-width: 992px) { + .ecal-wrapper .discipline__icon { + width: 12%; + } + .ecal-wrapper .archive-preview__img { + width: 60%; + } +} +@media (max-width: 1199px) and (min-width: 992px) { + .ecal-wrapper .discipline__icon { + width: 14%; + } + .ecal-wrapper .event-preview__details { + width: 23%; + } + .ecal-wrapper .archive-preview__img { + width: 60%; + } + .ecal-wrapper .archive-preview__details { + width: 48%; + } +} +@media (max-width: 991px) and (min-width: 640px) { + .ecal-wrapper .event-preview__details { + width: 31%; + } + .ecal-wrapper .discipline__icon { + width: 32%; + } + .ecal-wrapper .archive-preview__img { + width: 60%; + } + .ecal-wrapper .archive-preview__details { + width: 100%; + } + .ecal-wrapper .antibounce-wrapper { + min-height: 116px; + } +} +@media (max-width: 639px) and (min-width: 446px) { + .ecal-wrapper .event-preview__details { + width: 47%; + } + .ecal-wrapper .sort-filter { + margin-top: 5px; + } + .ecal-wrapper .discipline__icon { + width: 50%; + } + .ecal-wrapper .archive-preview__img { + width: 60%; + } + .ecal-wrapper .archive-preview__details { + width: 100%; + } + .ecal-wrapper .cc__block-card { + width: 100%; + margin: 10px 0; + } + .ecal-wrapper .antibounce-wrapper { + min-height: 146px; + } +} +@media only screen and (max-width: 445px) { + .ecal-wrapper .event-preview__details { + width: 100%; + } + .ecal-wrapper .sort-filter { + margin-top: 5px; + } + .ecal-wrapper .cd-card-header__filter-title { + display: inline-block; + width: 100%; + } + .ecal-wrapper .time-filter--child { + margin-right: none; + margin-top: 5px; + } + .ecal-wrapper .time-filter--child label { + display: inline-block; + width: 100%; + } + .ecal-wrapper .time-filter--child .ev-currentTime { + margin-left: 0px; + } + .ecal-wrapper .discipline__icon { + width: 100%; + } + .ecal-wrapper .archive-preview__img { + width: 0%; + } + .ecal-wrapper .archive-preview__details { + width: 100%; + } + .ecal-wrapper .cc__block-card { + width: 100%; + margin: 10px 0; + } +} +.ems-event-content { + background: #ffffff; + padding: 20px; +} +.ems-event-content table { + width: 100%; + border-radius: 3px; + margin-bottom: 30px; +} +.ems-event-content table tbody td { + border: 1px solid #dddddd; + padding: 10px 10px; +} +.ems-event-content table tbody tr td:first-child { + width: 25%; +} +.ems-event-content table tbody tr:nth-child(odd) { + background: #f9f9f9; +} +.ems-event-content .text-note { + background: #e7edf5; + padding: 10px; + color: #368ccb; +} +.ems-event-content .evi-schedule .timeblock { + float: left; + width: 100%; + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} +@media (min-width: 768px) { + .ems-event-content .evi-schedule .timeblock { + float: left; + width: 16.66666667%; + } +} +@media (min-width: 992px) { + .ems-event-content .evi-schedule .timeblock { + float: left; + width: 16.66666667%; + } +} +@media (min-width: 1200px) { + .ems-event-content .evi-schedule .timeblock { + float: left; + width: 16.66666667%; + } +} +.ems-event-content .evi-schedule .infoblock { + float: left; + width: 100%; + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} +@media (min-width: 768px) { + .ems-event-content .evi-schedule .infoblock { + float: left; + width: 83.33333333%; + } +} +@media (min-width: 992px) { + .ems-event-content .evi-schedule .infoblock { + float: left; + width: 83.33333333%; + } +} +@media (min-width: 1200px) { + .ems-event-content .evi-schedule .infoblock { + float: left; + width: 83.33333333%; + } +} +.ems-event-content .evi-schedule .ev-adminblock { + color: #999999; +} +.ems-event-content .evi-schedule a { + color: #333333; +} +.ems-event-content .evi-schedule .courserow .timeblock { + font-weight: 400; +} +.ems-event-content .evi-schedule .end { + display: none; +} +.ems-event-content .evi-schedule .schedule-group-unselectable .row, +.ems-event-content .evi-schedule .schedule-group .row { + border-bottom: 1px solid rgba(128, 128, 128, 0.08); + padding: 15px 0; +} +.ems-event-content .evi-schedule .schedule-group-unselectable:last-child .row:last-child, +.ems-event-content .evi-schedule .schedule-group .row:last-child { + border-bottom: 0; +} +.ems-event-content .evi-schedule div.schedule-group { + border-left: 5px solid #e0e0e0; + border-top: 1px solid #e0e0e0; + border-right: 1px solid #e0e0e0; + border-bottom: 1px solid #e0e0e0; + margin-bottom: -1px; + margin-top: -1px; + margin-left: -5px; +} +.ems-event-content .evi-schedule .schedule-group.multiple .row:last-child { + margin-bottom: 0; +} +.ems-event-content .evi-schedule p { + margin: 10px 0; +} +.ems-event-content .schedule-group-unselectable .courserow, +.ems-event-content .schedule-group-unselectable .ev-adminblock { + padding-bottom: 10px; +} +.ems-event-content .ev-sched-list ul { + margin: 10px 0; + padding: 0px 0px 0px 20px; +} +.ems-event-content .ev-sched-list ul li { + padding: 0 0 10px 0; +} +.ems-event-content .panel.ev-adminblock { + box-shadow: 0 0 0; + -webkit-box-shadow: 0 0 0; +} +.panel-collapse { + font-size: 0.9em; +} +/* + * Divider Bar - Used in Release Highlights + *********************************************/ +.dividerBox { + border-radius: 0px 100px 0px 0px; + -moz-border-radius: 0px 100px 0px 0px; + -webkit-border-radius: 0px 100px 0px 0px; + background-color: #d61e57; + color: #ffffff; + padding-left: 10px; + margin-top: 30px; +} +.dividerLine { + border-bottom: 1px solid #d61e57; + margin-bottom: 15px; + position: relative; +} +/* + * Embellished list - Used in Release Highlights as Major News! + *********************************************/ +.embellished .topic { + margin-left: 20px; + font-size: 90%; + font-weight: 700; +} +.embellished .title { + font-weight: 600; + color: #999999; +} +.embellished .title i { + color: #d61e57; +} +.embellished .text { + padding-bottom: 10px ; +} +/* + * Release Highlights Nav - Used in Release Highlights + *********************************************/ +.pillstomenu { + background-color: #dddddd; + height: 40px; + margin-bottom: 15px; +} +.pillstomenu .nav-pills li { + border-left: 1px solid #cfcfcf; + height: 40% !important; +} +.pillstomenu .nav-pills li a { + color: #333333 !important; + height: 100% !important; + padding: 0 12px !important; + margin: 0 !important; + -webkit-border-radius: 0px !important; + -moz-border-radius: 0px !important; + border-radius: 0px !important; + font-weight: 600; + font-size: 15px; + line-height: 40px; +} +.pillstomenu .nav-pills li .active a { + background-color: #eeeeee !important; +} +.pillstomenu .nav-pills li a:hover { + background-color: #eeeeee !important; +} +.pillstomenu .nav-pills li a:active { + height: 100%; +} +.pillstomenu .nav-pills li:first-child { + border-left: none; +} +.pillstomenu .nav-pills .active a { + background-color: #eeeeee !important; +} +.rhtoc { + margin-bottom: 20px; +} +.rhtoc .nav-tabs a { + font-weight: 600; + font-size: 14px; +} +@media (max-width: 1199px) { + /* just shrinking the top tab menu down + for tablet and small desktop */ + .rhtoc .nav-tabs a { + font-weight: 600; + font-size: 13px; + } +} +.rhsub { + padding: 0 15px 15px; + border-bottom: 1px solid #dddddd; + margin-bottom: 50px; +} +.rhsub h2 { + margin: 0px 0 20px; +} +.rhsub i { + color: #d61e57; +} +.pinkDark { + color: #d61e57; +} +.accentText { + font-weight: 600; + color: #555555; + margin-bottom: 5px; +} +/* +.rhnav { + margin-bottom:0; + + li { + font-size:16px; + line-height:20px; + font-weight:600; + font-style:none; + } +} */ +.back-to-menu i { + padding-right: 5px; +} +.back-to-menu a { + text-decoration: none; +} +/* + * Main Nav / Tabs + */ +.topnav50-wrapper { + padding: 25px 0 25px; +} +@media (min-width: 661px) { + .topNav50-desktop { + display: block; + } + .topNav50-mobile { + display: none !important; + } + .topNav50-exsmall { + display: none !important; + } +} +@media (min-width: 396px) and (max-width: 660px) { + .topNav50-desktop { + display: none !important; + } + .topNav50-mobile { + display: block; + } + .topNav50-exsmall { + display: none !important; + } +} +@media (max-width: 395px) { + .topNav50-desktop { + display: none !important; + } + .topNav50-mobile { + display: none !important; + } + .topNav50-exsmall { + display: block; + } +} +@media (min-width: 981px) and (max-width: 1200px) { + .rh50-bldr-topHeader { + font-size: 33px !important; + line-height: 52px !important; + } +} +@media (min-width: 601px) and (max-width: 980px) { + .rh50-bldr-topHeader { + font-size: 28px !important; + line-height: 42px !important; + margin: 40px 0 !important; + } + .builder50-wrapper { + padding: 20px 0 80px !important; + } + .rh50-bldr-header { + margin-bottom: 80px !important; + font-size: 26px !important; + line-height: 40px !important; + } + .rh50-down { + bottom: -120px !important; + } +} +@media (max-width: 600px) { + .rh50-down { + bottom: -80px !important; + } + .rh50-bldr-topHeader { + font-size: 24px !important; + line-height: 32px !important; + margin-bottom: 10px !important; + } + .builder50-wrapper { + padding: 20px 0 20px !important; + } + .rh50-bldr-header { + font-size: 24px !important; + line-height: 32px !important; + } +} +/* + * rh50 subnav - Sub Nav under Release Details Tab + */ +@media (max-width: 1200px) { + .rh50-subnav li { + font-size: 12px; + } +} +.rh50-subnav li.active, +.rh50-subnav li.active:hover { + color: #dddddd; + border-bottom: 2px solid #dddddd; +} +.rh50-subnav li { + text-transform: uppercase; + font-size: 14px; + line-height: 20px; + margin: 0 15px 10px 0; + font-weight: 600; + cursor: pointer; + color: #368ccb; + border-bottom: 2px solid #ffffff; +} +.rh50-subnav li:hover, +.rh50-subnav li:focus, +.rh50-subnav li:active { + border-bottom: 2px solid #368ccb; +} +/* + * Intro Page Elements + */ +.nv-list-title { + color: #368ccb; + font-weight: 400; +} +.rh50-list li { + list-style-type: square; + margin-left: 5px; +} +.newversion50-wrapper { + padding: 0 0 0px; + width: 100%; + background: #ffffff; + color: #333333; +} +.newversion50overview-wrapper { + padding: 40px 0 75px; + width: 100%; + background: #ffffff; + color: #333333; +} +/* + * Release Details Elements + */ +.highlights50-wrapper { + padding: 0 0 50px; +} +.highlights50-wrapper .cmImgBox { + margin: 15px 0 8px 0; +} +.rh50-heading { + margin: 50px 0 30px; + font-size: 30px; + color: #585858; +} +.rh50-caption { + font-size: 0.9em !important; + line-height: 1.2em; + font-style: italic; + margin: 10px 0; + display: block; +} +.rh50-dt-indent { + margin-left: 15px; + display: block; +} +.rh50-dd-indent { + margin-left: 10px; + display: block; +} +.lgText { + font-size: 24px; + line-height: 30px; + margin-top: 0; + margin-bottom: 50px; + font-family: prenton, Helvetica, sans-serif; + font-weight: 300; +} +/* + * Application Builder Elements + */ +.rh50-builder-wrapper, +.rh50-server-wrapper { + font-family: prenton, Helvetica, sans-serif; +} +.rh50-builder-wrapper p, +.rh50-server-wrapper p { + font-size: 18px; + line-height: 24px; + font-weight: 300; +} +.builder50-wrapper { + padding: 20px 0 100px; + width: 100%; + background: #ffffff; + color: #333333; + background: url(https://cdn.comsol.com/release/50/builder-server/builder-bg_intro.jpg) no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + position: relative; +} +.builder50question-wrapper { + padding: 130px 0 150px; + width: 100%; + background-color: #95aac2; + color: #ffffff; + border-bottom: 1px solid #8ca0b7; +} +.builder50question-wrapper * { + color: #ffffff; +} +.builder50video-wrapper { + padding: 100px 0 100px; + width: 100%; + background: #ffffff; + color: #333333; + border-bottom: 1px solid #dddddd; +} +.builder50example-wrapper { + padding: 75px 0 75px; + width: 100%; + background: #f2f2f2; + color: #333333; + border-bottom: 1px solid #dddddd; +} +.builder50download-wrapper { + padding: 75px 0 250px; + width: 100%; + background: #ffffff; + color: #333333; +} +.rh50-bldr-header { + margin-bottom: 80px; + font-size: 36px; + line-height: 50px; +} +.rh50-bldr-subHeader { + font-size: 22px; + line-height: 36px; + font-family: prenton, Helvetica, sans-serif; + font-weight: 400; + margin-bottom: 15px; +} +.rh50-bldr-topHeader { + margin: 10px 0 50px; + font-size: 41px; + font-weight: 400; + line-height: 62px; +} +.rh50-bldr-question { + max-width: 170px; + margin: 0 auto; + margin-top: 25px; + margin-bottom: 25px; + display: block; +} +.rh50-bldr-conclusion-text { + padding-left: 20px; +} +.rh50-bldr-button { + margin-top: 20px; + background-color: #eea342; + background-image: none; + border: 0px; + border-radius: 2px; + color: #ffffff; + font-size: 18px; + line-height: 26px; + padding: 5px 60px; + text-align: center; + vertical-align: middle; + text-shadow: none; + text-transform: uppercase; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + border-bottom: 3px #ec982b solid; +} +.rh50-bldr-button:hover { + background-color: #ec982b; + background-image: none; + border: 0px; + border-radius: 2px; + color: #ffffff; + border-bottom: 3px #ec982b solid; +} +.rh50-down { + height: 96px; + width: 96px; + bottom: -148px; + float: right; +} +.rh50-down .fa-circle { + color: #eea342; + font-size: 96px; +} +.rh50-down .fa-chevron-down { + padding-top: 30px; + font-size: 30px; +} +.rh50-download { + margin-top: -128px; + height: 96px; + width: 96px; +} +.rh50-download .fa-circle { + color: #67a8d8; + font-size: 96px; +} +.rh50-download .fa-download { + padding-top: 30px; + font-size: 30px; +} +.rh50-bounce { + -webkit-animation: bounce 7s infinite; + -moz-animation: bounce 7s infinite; + -ms-animation: bounce 7s infinite; + animation: bounce 7s infinite; +} +@-webkit-keyframes bounce { + 0%, + 20%, + 50%, + 80%, + 100% { + -webkit-transform: translateY(0); + } + 40% { + -webkit-transform: translateY(-10px); + } + 60% { + -webkit-transform: translateY(-5px); + } +} +@-moz-keyframes bounce { + 0%, + 20%, + 50%, + 80%, + 100% { + transform: translateY(0); + } + 40% { + transform: translateY(-10px); + } + 60% { + transform: translateY(-5px); + } +} +@-ms-keyframes bounce { + 0%, + 20%, + 50%, + 80%, + 100% { + -ms-transform: translateY(0); + } + 40% { + -ms-transform: translateY(-10px); + } + 60% { + -ms-transform: translateY(-5px); + } +} +@keyframes bounce { + 0%, + 20%, + 50%, + 80%, + 100% { + transform: translateY(0); + } + 40% { + transform: translateY(-10px); + } + 60% { + transform: translateY(-5px); + } +} +.on-hover-pointer:hover { + cursor: pointer; +} +/* +* Server +*/ +.server50-wrapper { + padding: 50px 0 0px; + width: 100%; + background: #ffffff; + color: #333333; +} +.server50-wrapper h2 { + margin-bottom: 70px; +} +.server50statement-wrapper { + margin-top: -96px; + padding: 90px 0 100px; + width: 100%; + background-color: #95aac2; + border-bottom: 1px solid #859db9; +} +.server50statement-wrapper * { + color: #ffffff; +} +.server50app-wrapper { + padding: 85px 0 95px; + width: 100%; + background: #ffffff; + color: #333333; +} +.server50runanywhere-wrapper { + padding: 85px 0 95px; + width: 100%; + background: #84c2ea; + border-bottom: 1px solid #368ccb; + border-top: 1px solid #368ccb; +} +.server50runanywhere-wrapper * { + color: #ffffff; +} +.server50license-wrapper { + padding: 100px 0 110px; + width: 100%; + background: #ffffff; + color: #333333; +} +.server50download-wrapper { + padding: 75px 0 75px; + width: 100%; + background: #f2f2f2; + color: #333333; + border-top: 1px solid #dddddd; +} +.rh50-down-server { + height: 96px; + width: 96px; + bottom: 50px; + float: right; + /*&:hover .fa-circle { + top: 1px; + text-shadow: 5px 4px 0px darken(#eea342, 6%), 9px 7px 0px rgba(0, 0, 0, 0.1); + }*/ +} +.rh50-down-server .fa-circle { + color: #eea342; + font-size: 96px; +} +.rh50-down-server .fa-chevron-down { + padding-top: 30px; + font-size: 30px; +} +/*********************************************** + + Installation and Product Update + +***********************************************/ +.stepByStep { + margin-bottom: 20px; + padding: 0px 10px 10px 60px; + padding-top: 5px; + position: relative; +} +.stepByStep .numberInCircle { + position: absolute; + left: 20px; + top: 29px; +} +.numberInCircle { + display: block; + width: 30px; + height: 30px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; + background-color: #2f84c3; + color: #ffffff; + font-weight: bold; + font-size: 1.2em; + line-height: 30px; + box-sizing: border-box; + text-align: center; +} +/***************************************** + Ported BS2 code +*****************************************/ +.nav-bar { + background: #368ccb; + border-radius: 6px; + padding: 0px 20px; + font-size: 18px; + border-bottom: #368ccb 4px solid; +} +.nav-bar > li { + margin-bottom: -1px; +} +.nav-tabs > li, +.nav-pills > li, +.nav-bar > li, +.nav-line > li { + float: left; +} +.nav-bar > .active > a, +.nav-bar > .active > a:hover, +.nav-bar > .active > a:focus { + color: #ffffff; + background-color: #368ccb; + cursor: default; +} +.nav-bar > li > a { + color: #ffffff; + line-height: 24px; + padding: 15px; + border: 1px solid transparent; +} +.nav-bar > li > a.external:hover { + background-color: #307eb8; +} +.nav-bar > li > a.external { + background-color: #368ccb; + border-radius: 15px; + padding: 7px 15px; + margin: 8px 0; +} +.nav-bar > li > a:hover { + background-color: #368ccb; +} +.nav-bar i { + margin-left: 5px; + font-size: 16px; +} +.nav-line { + border-bottom: 3px solid #dddddd; + padding: 8px 0 0; +} +.nav-line > li { + width: 14.25%; + padding: 0; + text-align: center; +} +.nav-tabs > li, +.nav-pills > li, +.nav-bar > li, +.nav-line > li { + float: left; +} +.nav-line > li > a { + padding-bottom: 20px; + margin-bottom: -3px; + line-height: 24px; + color: #dddddd; + font-family: "Lato", Verdana, Tahoma, Geneva, sans-serif; + font-size: 18px; +} +.nav-line > li > a:hover, +.nav-line > li > a:focus { + border-bottom: 3px solid #a3aebf; + background-color: transparent; +} +.nav-line > .active > a, +.nav-line > .active > a:hover, +.nav-line > .active > a:focus { + background-color: transparent; + border-bottom: 3px solid #a3aebf; + cursor: default; +} +ul.inline, +ol.inline { + padding-left: 0; + margin-left: 0; + list-style: none; +} +ul.inline > li, +ol.inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} +@media (max-width: 980px) { + .nav-line { + border: none; + } + .nav-line > li { + float: none; + text-align: left; + border-left: 1px solid #a3aebf; + border-right: 1px solid #a3aebf; + border-top: 1px solid #a3aebf; + width: 100%; + } + .nav-line > li a { + font-size: 16px; + line-height: 26px; + padding: 10px 50px; + margin: 0; + } + .nav-line > .active > a, + .nav-line > .active > a:hover, + .nav-line > .active > a:focus { + border-bottom: none; + background-color: #368ccb; + color: #ffffff; + } + .nav-line > li > a:hover, + .nav-line > li > a:focus { + border-bottom: none; + background-color: #f2f2f2; + } + .nav-line > li:last-child { + float: none; + border-bottom: 1px solid #a3aebf; + } +} +.wistia-animation-wrapper { + border: 1px solid #585858; + cursor: pointer; + overflow: hidden; +} +.wistia-play-head { + background-color: rgba(0, 0, 0, 0.75); + display: inline-block; + position: absolute; + top: 30px; + left: 0; + z-index: 100; + font-size: large; + font-weight: bold; + color: #ffffff; + padding: 15px; +} +.rh60 .rh__app-gallery h4 { + min-height: 38px; +} +.rh60 .rh__app-gallery .row { + margin-bottom: 15px; +} +.rh60 .rh__app-gallery .translateLabel { + display: block; +} +.rh60 .rh__app-gallery p { + font-size: 15px; +} +.rh51-bg { + background-color: #eeeeee; + padding-bottom: 100px; +} +div.rh51-container { + max-width: 1170px; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + color: #333333; +} +div.rh51-container strong { + font-weight: 600; +} +.rh51-body-wrap p code { + padding: 0; + font-size: 90%; + color: #585858; + background-color: transparent; + border-radius: 0; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +.rh51-body-wrap p { + font-size: 16px; + line-height: 27px; +} +.rh51-body-wrap p:empty { + margin: 0; +} +.rh51-body-wrap h2 { + margin: -15px -30px 30px -30px; + padding: 0 15px 20px 30px; + border-bottom: 1px solid #eeeeee; + font-weight: 300; +} +.rh51-body-wrap h3 { + font-weight: 400; + padding: 0 0 5px 0; + margin: 60px 0 10px 0; + font-size: 22px; +} +.rh51-body-wrap h3 p { + font-weight: 400; + padding: 0; + margin: 0; + font-size: 22px; +} +.rh51-body-wrap h4 { + margin: 10px 0; + font-size: 18px; + font-weight: 800; + color: #585858; +} +.rh51-body-wrap h2 + h3 { + margin-top: 30px; +} +.rh51-body-wrap ul { + font-size: 15px; + line-height: 23px; + margin-bottom: 15px; +} +.rh51-body-wrap ul:last-child { + margin-bottom: 0px; +} +.rh51-body-wrap li { + padding-bottom: 0.5em; +} +.rh51-body-wrap li:last-child { + padding-bottom: 0; +} +.rh51-body-wrap small, +.rh51-body-wrap small p { + font-size: 13px; + line-height: 15px; +} +.rh51-body-wrap sup { + font-style: normal; +} +.r51-contentBoxes { + background-color: #ffffff; + border-radius: 4px; + -webkit-border-radius: 4px; + box-shadow: 0px 2px 3px rgba(153, 153, 153, 0.1); + -webkit-box-shadow: 0px 2px 3px rgba(153, 153, 153, 0.1); +} +.rh51-header-wrap { + margin: 30px 0; + position: relative; + border-bottom: solid 6px #005596; +} +.rh51-h1 { + font-weight: 800; + text-transform: uppercase; + font-size: 2em; + line-height: 1.2; + text-align: left; + margin: 0; + padding: 20px; + color: #333333; + padding-right: 250px; +} +.rh51-h1 a { + color: #333333; + text-decoration: none; + transition: 0.2s; +} +.rh51-h1 a:active, +.rh51-h1 a:visited { + color: #333333; + text-decoration: none; +} +.rh51-h1 a:hover, +.rh51-h1 a:focus { + color: #585858; + text-decoration: none; +} +.rh52a-h1 { + font-weight: 800; + text-transform: none; + font-size: 2em; + line-height: 1.2; + text-align: left; + margin: 0; + padding: 20px; + color: #333333; + padding-right: 250px; +} +.rh52a-h1 a { + color: #333333; + text-decoration: none; + transition: 0.2s; +} +.rh52a-h1 a:active, +.rh52a-h1 a:visited { + color: #333333; + text-decoration: none; +} +.rh52a-h1 a:hover, +.rh52a-h1 a:focus { + color: #585858; + text-decoration: none; +} +@media (max-width: 991px) { + .rh51-h1 { + font-size: 1.6em; + line-height: 1.2; + } +} +@media (max-width: 767px) { + .rh51-h1 { + padding-right: 20px; + font-size: 1.4em; + line-height: 1; + } +} +.rh51-sidebar-wrap { + padding: 0; + overflow: hidden; + margin-bottom: 30px; +} +@media (min-width: 768px) { + .rh51-sidebar-wrap { + width: 230px; + } +} +@media (min-width: 990px) { + .rh51-sidebar-wrap { + width: 220px; + } +} +@media (min-width: 1200px) { + .rh51-sidebar-wrap { + width: 263px; + } +} +.r51-toc .r51-toc-parent { + border-top: 1px solid #eeeeee; + padding-bottom: 10px; +} +.r51-toc .r51-toc-parent > span { + display: block; + padding: 13px 10px 10px 20px; +} +.r51-toc .r51-toc-parent > ul > li { + padding: 0 10px 5px 20px; + position: relative; + line-height: 18px; +} +.r51-toc .r51-toc-parent > ul > li:last-child { + margin-bottom: 10px; +} +.r51-toc .r51-toc-parent > ul { + padding: 5px 0; +} +.r51-toc .r51-toc-intro { + border-top: 0; + padding-bottom: 0; +} +.r51-toc .r51-toc-parent, +.r51-toc .r51-toc-intro a { + color: #005596; + font-weight: 700; + font-size: 16px; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + padding: 0; +} +.r51-toc a { + font-weight: 400; + font-size: 14px; + color: #585858; + text-decoration: none; + display: inline-block; + padding: 5px 0; + -webkit-transition: 0.2s ease-in-out; + transition: 0.2s ease-in-out; +} +.r51-toc a:hover { + color: #368ccb; +} +.r51-toc a.release51Active { + font-weight: 700; + color: #252525; + transition: all 1s ease; +} +.r51-toc .r51-toc-parent.release51Active > span, +.r51-toc .r51-toc-intro.release51Active { + background: #005596; + color: #ffffff; + transition: all 1s ease; +} +.r51-toc .r51-toc-intro.release51Active a { + color: #ffffff; +} +a.release51Active:before { + content: ' '; + display: block; + width: 5px; + height: 5px; + background: #005596; + border-radius: 100%; + position: absolute; + left: 9px; + top: 18px; + margin-top: -8px; +} +.r51-toc-intro a.release51Active:before { + display: none; +} +.rh51-body-wrap { + margin: 0; + padding: 30px; +} +.rh51-body-wrap em.cmImgPhoneCaption { + display: none!important; +} +.r51-inlineCaption, +.r51-inlineCaption, +.r51-imagelink, +.r51-inlineCaption p { + font-size: 14px; + font-style: italic; + line-height: 1.2; + margin-top: 5px; +} +.r51-inlineCaption em, +.r51-inlineCaption em, +.r51-imagelink em, +.r51-inlineCaption p em { + font-style: normal; +} +p.r51-imagelink { + margin: 0.5em 0 0 0; +} +p.r51-imagelink { + line-height: 27px; +} +p.r51-inlineCaption + p.r51-imagelink, +p.r51-imagelink + p.r51-imagelink { + margin-top: 10px; +} +.rh51-body-wrap .vid-filter-spinner { + width: 100%; + text-align: center; + padding: 30px; +} +.rh51-server-video .wistia_embed { + margin-left: -15px; +} +.r51-btn { + background-color: #e65e30; + border-radius: 4px; + text-align: center; + -webkit-border-radius: 4px; + color: #ffffff; + padding: 8px 20px; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 1.1em; + font-weight: 600; + transition: 0.3s; + -webkit-transition: 0.3s; + position: absolute; + top: 50%; + right: 15px; + margin-top: -20px; + display: inline-block; + float: right; +} +.r51-btn:hover, +.r51-btn:focus { + text-decoration: none; + color: #ffffff; + background: #e14d1b; +} +.r51-btn i { + margin-left: 5px; +} +.r51-sidebarButton { + position: relative; + top: auto; + right: auto; + width: 100%; + border-radius: 0 0 4px 4px; + padding: 8px; +} +.rh51-dl-btn { + background-color: #e65e30; +} +.rh51-dl-btn:hover, +.rh51-dl-btn:focus { + background: #e14d1b; +} +.r51-btn-menuToggle { + margin-right: 10px; + background-color: #368ccb; + border-radius: 4px; + text-align: center; + -webkit-border-radius: 4px; + color: #ffffff; + padding: 5px 15px; + font-family: "Lato", Verdana, Tahoma, Geneva, sans-serif; + font-size: 1.1em; + font-weight: 600; + transition: 0.3s; + -webkit-transition: 0.3s; + display: block; + float: right; +} +.r51-btn-menuToggle:hover, +.r51-btn-menuToggle:focus { + text-decoration: none; + color: #ffffff; + background: #307eb8; +} +.rh51-sidebar-mobile-trigger .rh51-dl-btn { + position: relative; + top: auto; + left: auto; + right: auto; + float: left; + margin: 10px; + width: auto; + height: auto; + padding: 5px 15px; +} +.rh51-sidebar-mobile-trigger .rh51-dl-btn i { + margin-left: 0px; +} +.rh51-sidebar-wrap.sticky-desktop { + position: fixed; + bottom: 10px; +} +.rh51-sidebar-mobile-trigger.sticky, +.rh51-sidebar-mobile-trigger.menuOpen { + position: fixed; + top: 40px; + left: 0; + width: 100%; + z-index: 100; + border-radius: 0; + z-index: 200; +} +.rh51-sidebar-wrap-mobile { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow-y: scroll; + border-radius: 0; + z-index: 100; + padding-top: 60px; +} +html.stuck { + overflow: hidden; +} +@media (min-width: 768px) { + .rh51-sidebar-wrap.collapse { + display: block; + visibility: visible; + height: auto!important; + } +} +.particlebeam-table img { + max-width: 200px; +} +.rh52-bg .rh51-header-wrap { + border-color: #d61e57; +} +.rh52-bg .r51-toc-parent, +.rh52-bg .r51-toc-intro a { + color: #d61e57; +} +.rh52-bg .r51-toc-parent.release51Active > span, +.rh52-bg .r51-toc-intro.release51Active { + background: #d61e57; +} +.rh52-bg a.release51Active:before { + background: #d61e57; +} +.rh52-bg .rh51-dl-btn { + background-color: #368ccb; +} +.rh52-bg .rh51-dl-btn:hover, +.rh52-bg .rh51-dl-btn:focus { + background: #307eb8; +} +.rh52a-bg .rh51-header-wrap { + border-color: #005596; +} +.rh52a-bg .r51-toc-parent, +.rh52a-bg .r51-toc-intro a { + color: #005596; +} +.rh52a-bg .r51-toc-parent.release51Active > span, +.rh52a-bg .r51-toc-intro.release51Active { + background: #005596; +} +.rh52a-bg a.release51Active:before { + background: #005596; +} +.rh52a-bg .rh51-dl-btn { + background-color: #d75612; +} +.rh52a-bg .rh51-dl-btn:hover, +.rh52a-bg .rh51-dl-btn:focus { + background: #bf4d10; +} +.rh-image { + display: block; + margin-bottom: 20px; +} +.rh-image a { + margin-bottom: 10px; +} +.rh60 .rh-image-description { + font-size: 14px; + font-style: italic; + line-height: 1.2; +} +.rh60 .rh-image-description em { + font-style: normal; +} +.rh-Timage { + display: block; +} +.rh-Timage:after { + content: '»'; + font-size: 16px; + color: #e65e30; +} +.rh53-content .r51-toc-parent, +.rh53-content .r51-toc-intro a { + color: #d61e57; +} +.rh53-content .r51-toc-parent.release51Active > span, +.rh53-content .r51-toc-intro.release51Active { + background: #d61e57; +} +.rh53-content a.release51Active:before { + background: #d61e57; +} +.rh53-content .rh51-dl-btn { + background-color: #e65e30; +} +.rh53-content .rh51-dl-btn:hover, +.rh53-content .rh51-dl-btn:focus { + background: #e14d1b; +} +.rh53a-content .r51-toc-parent, +.rh53a-content .r51-toc-intro a { + color: #25325b; +} +.rh53a-content .r51-toc-parent.release51Active > span, +.rh53a-content .r51-toc-intro.release51Active { + background: #25325b; +} +.rh53a-content a.release51Active:before { + background: #25325b; +} +.rh53a-content .rh51-dl-btn { + background-color: #d61e57; +} +.rh53a-content .rh51-dl-btn:hover, +.rh53a-content .rh51-dl-btn:focus { + background: #c01b4e; +} +.rh54-content .r51-toc-parent, +.rh54-content .r51-toc-intro a { + color: #101f56; +} +.rh54-content .r51-toc-parent.release51Active > span p { + color: #ffffff; +} +.rh54-content .r51-toc-parent.release51Active > span, +.rh54-content .r51-toc-intro.release51Active { + background: #101f56; +} +.rh54-content a.release51Active:before { + background: #101f56; +} +.rh54-content .rh51-dl-btn { + background-color: #59aa47; +} +.rh54-content .rh51-dl-btn:hover, +.rh54-content .rh51-dl-btn:focus { + background: #50983f; +} +.rh55-content .r51-toc-parent, +.rh55-content .r51-toc-intro a { + color: #005596; + font-weight: 700; +} +.rh55-content .r51-toc-parent.release51Active > span p { + color: #ffffff; +} +.rh55-content .r51-toc-parent.release51Active > span, +.rh55-content .r51-toc-intro.release51Active { + background: #005596; +} +.rh55-content a.release51Active:before { + background: #101f56; +} +.rh55-content .rh51-dl-btn { + background-color: #e65e30; + font-size: 16px; +} +.rh55-content .rh51-dl-btn:hover, +.rh55-content .rh51-dl-btn:focus { + background: #e14d1b; +} +.release-sysreq-tables th { + color: #eea342; +} +.release-vid-group .wistia_responsive_padding { + padding: 60% 0 0 0 !important; +} +.has-table table thead th { + background-color: #eeeeee; +} +.has-table table, +.has-table thead, +.has-table th, +.has-table tbody, +.has-table tr, +.has-table td { + text-align: left; +} +.rh60 .video-cap { + font-size: 14px; + font-style: italic; + line-height: 24px; + margin-top: 10px; +} +.rh60 .video-cap em { + font-style: normal; +} +.modelDbBox h3 { + margin-top: 0; + line-height: 1.55em; +} +.modelDbTitle:hover { + text-decoration: none; +} +.newModelDB { + text-transform: uppercase; + color: #f19986; + font-size: 0.9em; +} +.modelDbImgBox { + display: block; + padding: 4px; + line-height: 20px; + border: 1px solid #dddddd; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); +} +.modelDbImgBox img { + max-height: 200px; + max-width: 100%; +} +.text-center { + text-align: center; +} +#appendedInputButton { + width: 85% !important; +} +.select2-chosen { + color: #555555 !important; +} +#pillarFilter { + width: 100%; +} +#productSelect { + width: 100%; +} +.papersSelectTwo, +.modelSelectTwo { + width: 90%; + margin-bottom: 15px; + border-radius: none; +} +.select2-search input.select2-input { + margin: 4px 0 0; +} +.modelDb-header-wrap, +.modelDb-body-wrap, +.modelDb-nav-wrap { + background-color: #ffffff; + border-radius: 4px; + -webkit-border-radius: 4px; + box-shadow: 0px 2px 3px rgba(119, 119, 119, 0.1); + -webkit-box-shadow: 0px 2px 3px rgba(119, 119, 119, 0.1); + margin: 30px 0; + background: #ffffff; + padding: 30px; +} +.modelDb-header-wrap { + margin: 30px 0 0; + position: relative; + padding: 15px; + border-bottom: solid 6px #aaaaaa; +} +@media (min-width: 768px) { + .modelDb-header-wrap { + padding: 15px 165px 15px 15px; + } +} +.modelDb-header-wrap h1 { + margin: 0; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-weight: 900; + text-transform: uppercase; + font-size: 24px; + line-height: 1em; + text-align: left; + padding: 0 20px 0; +} +.modelDb-header-wrap h1 a { + color: #333333; +} +.modelDb-header-wrap h1 a:hover { + text-decoration: none; + color: #585858; +} +.modelDb-body-wrap .paginationControl { + padding-right: 20px; +} +.modelDb-body-wrap p { + font-size: 15px; +} +.modelDb-body-wrap h4.moveup { + font-size: 23px; + font-weight: 300; +} +.modelDb-body-wrap #products p { + margin-top: 20px; +} +.modelDb-body-wrap img { + max-width: 100%; + height: auto; +} +.modelDb-body-wrap #downloads { + padding-top: 20px; +} +.modelDb-body-wrap #downloads ul.nav-pills { + padding-bottom: 20px; +} +@media (min-width: 992px) { + .modelDb-body-wrap { + min-height: 625px; + } +} +@media (min-width: 1200px) { + .modelDb-body-wrap { + min-height: 510px; + } +} +.modelDb-section-title-hr { + margin-top: 15px; + border: 0; + height: 1px; + background: #dddddd; +} +.modelDb-nav-wrap:before, +.modelDb-nav-wrap:after { + content: " "; + display: table; +} +.modelDb-nav-wrap:after { + clear: both; +} +.modelDb-nav-wrap:before, +.modelDb-nav-wrap:after { + content: " "; + display: table; +} +.modelDb-nav-wrap:after { + clear: both; +} +.modelDb-nav-wrap h4 { + font-weight: 600; + margin: 0 0 20px; + color: #585858; + font-size: 15px; + text-transform: uppercase; + letter-spacing: 0.03em; + display: block; + padding: 0px 0px 8px; + border-bottom: 2px solid #585858 !important; +} +.modelDb-nav-wrap input.modelSearch#appendedInputButton { + width: 100% !important; + /* height: 28px !important; */ + padding: 0 5px; + font-size: 0.9em; +} +.modelDb-nav-wrap .papersSelectTwo, +.modelDb-nav-wrap .modelSelectTwo { + width: 100%; +} +.modelDb-nav-wrap .select2-container .select2-choice { + background-image: none; + font-size: 14px; + height: 28px; +} +.modelDb-nav-wrap .select2-container .select2-choice abbr { + top: 6px; + font-size: 14px; +} +.modelDb-nav-wrap .select2-container .select2-choice * { + font-size: 14px !important; +} +.modelDb-nav-wrap .select2-dropdown-open { + background-image: none; +} +.modelDb-nav-wrap button { + margin-top: 10px; +} +.modelDb-nav-wrap button:hover { + background-color: #eeeeee; +} +.select2-search input, +.select2-results li { + font-size: 14px !important; +} +@media (max-width: 991px) { + .modelDb-sticky-nav div { + float: none !important; + } +} +.label-db, +.badge-db { + display: inline-block; + margin-top: 2px; + margin-bottom: 2px; + margin-right: 5px; + color: #ffffff; + vertical-align: baseline; + white-space: nowrap; + background-color: #d61e57; +} +.label-db:hover, +.badge-db:hover { + text-decoration: none; + background-color: #ab1f46; +} +.label-db { + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; +} +.label-db > a { + color: #ffffff; + padding-top: 8px; + padding-bottom: 8px; + padding-right: 12px; + padding-left: 12px; + margin-right: 2px; + line-height: 14px; + font-size: 14px; + text-transform: uppercase; + font-weight: 600; + display: block; + text-decoration: none; +} +ul.unstyled, +ol.unstyled { + margin-left: 0; + padding-left: 0; + list-style: none; +} +#browseApplicationCategoriesContainer h4 { + font-size: 14px; + text-transform: uppercase; + font-weight: 800; + color: #999999; + padding-bottom: 5px; + border-bottom: solid 1px #999999; +} +.application-product-browse { + width: 100%; + height: auto; + display: inline-block; + margin-right: -4px; + vertical-align: top; +} +@media (min-width: 620px) { + .application-product-browse { + width: 50%; + } +} +@media (min-width: 991px) { + .application-product-browse { + width: 33%; + } +} +@media (min-width: 1200px) { + .application-product-browse { + width: 25%; + } +} +.application-product-browse h5 { + font-weight: 600; + margin-bottom: 5px; +} +.application-product-browse ul { + list-style-type: none; + padding-left: 25px; +} +.application-product-browse ul li { + font-size: 14px; +} +.application-product-browse ul li::before { + content: "\f0c8"; + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + position: relative; + left: -9px; + color: #368ccb; + font-size: 5px; + top: -4px; +} +.application-product-browse ul li:hover::before { + color: #368ccb; +} +.sortBtn { + margin-top: 0; + padding: 5px 10px; + border: 1px solid #000000; + border-radius: 3px; + background: #ffffff; + color: #585858; + text-align: center; + font-weight: bold; + font-size: 15px; + transition: 0.2s; +} +.sortBtn:first-child { + margin-bottom: 15px; +} +@media (min-width: 500px) { + .sortBtn:first-child { + margin-right: 15px; + } +} +.sortBtn:hover { + color: #585858; + background: #f2f2f2; + border-color: #dddddd; +} +.sortBtn.active { + color: #585858; + background: #dddddd; + cursor: default; +} +.modeldb-image-column img { + margin: 0 auto; + display: block; +} +.banner-models-access-page { + width: 100%; + display: block; + max-width: 790px; + max-height: 100px; +} +.banner-models-access-page a { + display: block; + width: 100%; + height: inherit; +} +.banner-models-access-page a img { + display: inline-block; + width: 100%; + max-width: inherit; + height: inherit; + border: 1px solid #999999; +} +.user-story-gallery-container { + display: table; + width: 100%; + margin-top: 20px; + text-align: center; +} +.user-story-gallery-container a, +.user-story-gallery-container figure, +.user-story-gallery-container img { + width: 100%; + display: inline-table !important; +} +.user-story-gallery-container img { + margin: auto; +} +.user-story-gallery-container a { + padding: 3% 1%; + width: 32%; +} +.user-story-gallery-container a:hover { + background-color: #c0d6e8; +} +@media (max-width: 529px) { + .user-story-gallery-container a { + display: table !important; + width: 100%; + margin-bottom: 10px; + background-color: #f9f9f9; + } +} +.user-story-gallery-container a figure img { + max-width: 129px; + max-height: 173px; +} +@media (max-width: 529px) { + .user-story-gallery-container a figure img { + max-width: 258px; + max-height: 346px; + padding: 10px 0; + } +} +/*WEB-36524*/ +/*________ +Color Palette ------------------*/ +/*Headings*/ +h4.resources-sidNav-main-h { + color: #d61e57; + font-weight: 700; + margin-bottom: 20px; +} +h5.resources-sidNav-sub-h { + color: #333333; + font-weight: 700; + font-size: 15px; +} +/*Unordered List*/ +ul.resources-sidNav-links-container, +ul.resources-sidNav-links-subcontainer { + margin: 0; + padding: 0; +} +ul.resources-sidNav-links-container li, +ul.resources-sidNav-links-subcontainer li { + list-style: none; +} +ul.resources-sidNav-links-container li a, +ul.resources-sidNav-links-subcontainer li a { + font-size: 13px; + color: #585858; + letter-spacing: 0.15px; + transition: color 0.25s ease; + position: relative; +} +ul.resources-sidNav-links-container li a:hover, +ul.resources-sidNav-links-subcontainer li a:hover { + text-decoration: none; + color: #585858; +} +ul.resources-sidNav-links-container li a:before, +ul.resources-sidNav-links-subcontainer li a:before { + content: ""; + display: inline-block; + position: absolute; + width: 5px; + height: 5px; + margin: 0; + left: -8px; + top: 8px; + border-radius: 100%; + background-color: #999999; + transition: background 0.25s ease; +} +ul.resources-sidNav-links-container li a:hover::before, +ul.resources-sidNav-links-subcontainer li a:hover::before { + background-color: #d61e57; +} +ul.resources-sidNav-links-container li a:hover::before, +ul.resources-sidNav-links-subcontainer li a:hover::before { + background-color: #d61e57; +} +ul.resources-sidNav-links-container li.hidden-links-container, +ul.resources-sidNav-links-subcontainer li.hidden-links-container { + display: block; +} +ul.resources-sidNav-links-container li.hidden-links-container .show-links-toggle-btn, +ul.resources-sidNav-links-subcontainer li.hidden-links-container .show-links-toggle-btn { + display: block; + font-size: 13px; + color: #d61e57; + font-weight: inherit; + padding: 3px 0; +} +ul.resources-sidNav-links-container li.hidden-links-container .show-links-toggle-btn:hover, +ul.resources-sidNav-links-subcontainer li.hidden-links-container .show-links-toggle-btn:hover { + cursor: pointer; +} +ul.resources-sidNav-links-subcontainer { + display: none; +} +#conferenceFilterBtn { + display: block; + width: 100%; +} +.ty-bg { + background-color: #368ccb; + padding: 60px 0; +} +.ty-h1 { + text-align: center; + font-weight: 800; + font-size: 5em; + color: #ffffff; +} +.ty-p { + display: block; + margin-left: auto; + margin-right: auto; + margin-top: 20px; + text-align: center; + font-weight: 400; + font-size: 1.7em; + color: #ffffff; +} +@media (max-width: 500px) { + .ty-h1 { + font-size: 3em; + } + .ty-p { + font-size: 1.2em; + } +} +/* LESS for the new Forum */ +.CodeMirror { + height: 300px; +} +.fx-symbol { + font-style: italic; +} +.fx-symbol::before { + content: "\0192x"; +} +.version-columns { + margin-top: 20px; +} +.version-columns li { + margin-top: 0; + display: inline-block; + width: 32%; +} +.checkbox-tags input[type="checkbox"] + label span:before { + border: 1px solid #005596 !important; + display: none; +} +.checkbox-tags label { + display: inline-block; + padding-left: 0; + padding: 0 5px 5px 0; + /*&:first-of-type { + display: block; + margin-top: 7px; + }*/ +} +.checkbox-tags input { + display: none !important; +} +.checkbox-tags label span { + padding: 1px 2px; + border-radius: 3px; + border: 1px solid #a7b0c1; + background-color: #dde3eb; + color: #555555; + font-size: 0.75em; + transition: all 0.2s; +} +.checkbox-tags label span:hover { + background-color: #adbccf; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.05); +} +.checkbox-tags label span:active { + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); +} +.checkbox-tags input:checked + label span { + border: 1px solid #097609; + background-color: #388090; + color: #ffffff; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); +} +.checkbox-tags .row .col-md-12 { + margin-bottom: 15px; +} +.contentbox.warning { + position: relative; + margin-bottom: 24px; +} +.contentbox.warning:before { + display: block; + font-family: FontAwesome; + content: '\f12a'; + background: #e65e30; + color: #ffffff; + float: left; + line-height: 30px; + text-align: center; + width: 30px; + height: 30px; + font-size: 16px; + font-weight: 400; + border-radius: 50%; + top: 50%; + left: 20px; + margin-top: -15px; + position: absolute; +} +.contentbox.warning .inner { + padding-left: 70px; +} +.contentbox.warning.locked { + position: relative; + margin-bottom: 24px; +} +.contentbox.warning.locked:before { + content: '\f023'; +} +/* end alert box styling */ +.replyHeader { + padding: 20px; + border-bottom: 1px solid #eeeeee; + color: #999999; +} +.replyHeader span { + padding-right: 10px; +} +.titleBar-wrapper.affix { + position: fixed; + width: 100%; + z-index: 500; + min-height: 20px; + top: 0; + left: 0; +} +.titleBar-wrapper.affix .titleBar-mobile { + border-color: #101f56; + transition: top 0.8s ease; +} +.titleBar-mobile { + top: -250px; +} +.forum-filter { + font-size: 0.9em; +} +.postMeta { + color: #999999; + font-size: 14px; +} +.postMeta a { + display: inline-block; + padding: 5px 0; + margin-right: 10px; + color: #999999; +} +.postMeta span { + margin-right: 10px; +} +.postMeta .users { + display: block; + margin-top: 3px; +} +.postMeta .users img { + height: 20px; + margin-bottom: 3px; + margin-right: 2px; +} +.postMeta .users span { + margin: 0px; + line-height: 23px; + font-size: 12px; +} +.postMeta .users .commenter { + float: right; +} +.userInfo .forumAvatar { + display: block; + margin-right: 10px; + width: 50px; + height: 50px; + overflow: hidden; +} +.userInfo .forumAvatar img { + width: 100%; +} +.userInfo .userName { + font-weight: 600; +} +.userInfo .userRank { + color: #999999; + display: block; +} +.userInfo .userEdit { + color: #d61e57; + font-size: 0.75em; + margin-left: 7px; +} +.userActions { + font-size: 0.9em; + text-align: center; +} +.userActions a { + display: inline-block; + margin: 10px 10px 0 0; + text-align: center; +} +.userActions a:last-child { + margin-right: 0; +} +@media (min-width: 768px) { + .userActions { + text-align: right; + font-size: 0.9em; + } + .userActions a { + display: block; + margin: 0 0 0.5em 0; + text-align: right; + } +} +.postText, +.editor-preview { + padding: 2% 4%; +} +.postText pre code, +.editor-preview pre code { + white-space: pre; +} +.postActions { + font-size: 0.9em; +} +.postActions .dropdown-menu { + font-size: inherit; +} +.postActions button.btn { + font-size: inherit; + padding-top: 5px; + padding-bottom: 5px; + margin-left: 5px; +} +.forumBanner { + margin: 20px auto; + max-width: 100%; + text-align: center; +} +.forumBanner img { + margin: 0 auto; + max-width: 100%; +} +.forumTextarea { + width: 100%; + height: 100px; +} +.replyActions .replyActionItem { + display: inline-block; + font-size: 0.95em; + margin-bottom: 7px; +} +.replyActions .replyActionItem.btn-primary { + float: right; + float: right !important; +} +.replyActions label.replyActionItem { + margin: 12px 15px 7px 0; +} + font-weight: 600; + display: block; + margin: 0 0 8px 0; + /* + @media (min-width: @screen-sm-min) { + span { + margin-left: 2em; + display: inline; + width: auto; + } + }*/ +} +.formHeader span { + color: #999999; + font-weight: 400; + width: 100%; + display: block; +} +.formSubheader { + font-size: 81%; + color: #999999; +} +.formAccent { + font-size: 81%; + color: #388090; + transition: color 0.3s; +} +.formAccent.action { + cursor: pointer; +} +.formAccent.action:hover { + color: #097609; + text-decoration: none; +} +.formAccent.heading { + display: block; +} + padding: 0; + margin-bottom: 0; + float: left; + font-size: .9em; + + li { + margin: 0; + padding: 10px; + display: inline-block; + cursor: pointer; + } + + /*&.version li { + display: inline-block; + width:40%; + float:left; + margin: 0 0 8px 0; + }*/ +/* a { + color: inherit; + &:hover{ font-weight: 600;} + } + &:last-child { margin: 0 0 0 0; } + + /* + @media (min-width: @screen-sm-min) { + margin:20px 0 0 0; + &:last-child { margin:20px 0 0 0; } + &.topics { + width:50%; + } + &.version li{ + width:75%; + } + }*/ +.relatedContent h2 { + font-size: 1.2em; + font-weight: 600; + margin-top: 2em; +} +.relatedContent ul, +.relatedContent ul li { + list-style-type: none; + margin: 0; + padding: 0; +} +.relatedContent ul li { + padding: 0.6em 0; + border-bottom: 1px solid #eeeeee; +} +.relatedContent ul li:last-child { + border-bottom: 0; +} +.relatedContent a { + color: #999999; +} +.relatedContent .readTag { + display: inline-block; + font-size: 11px; + background: #eeeeee; + padding: 3px 6px; + border-radius: 4px; + color: #585858; + margin-right: 10px; +} +.forumrules h3 { + padding: 0; + border-bottom: 0; + margin-bottom: 1em; + margin-top: 1.5em; +} +.forumrules ul li { + margin-bottom: 0.5em; +} +.forum-postlist { + margin: 0; +} +.forum-postlist .forum-post { + margin: 0 0 20px 0; + border-bottom: #dddddd; + padding-bottom: 20px; + padding: 20px 0 40px 0; + position: relative; +} +.forum-postlist .forum-post:last-child { + margin-bottom: 0; +} +.forum-postlist h3 { + margin: 0; + padding: 0; + border-bottom: 0; + font-size: 18px; + font-weight: 800; + line-height: 1.3; + display: inline; + text-transform: capitalize; +} +.forum-postlist h3 a { + color: #585858; +} +.forum-postlist .read a.readTag { + display: inline-block; + font-size: 11px; + background-color: #ffffff; + padding: 3px 6px; + border-radius: 4px; + color: #ffffff; + margin-right: 10px; +} +.forum-postlist .read a.readTag:visited { + background-color: #eeeeee; + color: #388090; +} +.forum-postlist .read a.readTag:hover { + text-decoration: none; + cursor: default; +} +.forum-postlist .postActivity { + text-align: left; + font-size: 13px; +} +.forum-postlist .postActivity span { + padding-right: 10px; + display: inline-block; +} +@media (min-width: 768px) { + .forum-postlist .postActivity { + text-align: right; + } + .forum-postlist .postActivity span { + display: block; + } +} +.forum-postlist .private, +.post-status-bar .private { + position: relative; + height: 16px; + width: 16px; + margin-right: 10px; + display: inline-block; + color: #eea342; +} +.forum-postlist .private .fa-envelope-o, +.post-status-bar .private .fa-envelope-o { + position: absolute; + font-size: 18px; +} +.forum-postlist .private .fa-lock, +.post-status-bar .private .fa-lock { + position: absolute; + right: -5px; + top: 6px; + font-size: 16px; +} +.post-status-bar { + font-size: 14px; + color: #f19986; + margin-top: -10px; +} +.post-status-bar .private { + margin-left: 1px; +} +@media (min-width: 992px) { + #collapse-filters { + display: block; + visibility: visible; + } +} +.version-toggle { + color: #585858; + text-align: center; + display: block; + font-weight: 800; + padding: 0 0 10px 0; +} +.version-toggle-div ul.filter-list { + margin-top: 0; +} +.forum-postlist.forum-announcements { + margin-bottom: 20px; +} +.forum-postlist.forum-announcements h3 { + font-size: 22px; +} +.forum-postlist.forum-announcements h3 a { + color: #d61e57; +} +.forum-sort-bar { + font-size: 0.9em; + border: 1px solid #eeeeee; + border-right: 0; + border-left: 0; + margin: 0 0 20px 0; + background: #eeeeee; + padding-top: 10px; + padding-bottom: 10px; +} +.forum-sort-bar .dropdown { + display: inline-block; +} +.forum-sort-bar .dropdown button, +.forum-sort-bar .subscribe-btn { + display: inline-block; + margin: 0; + padding: 10px; + line-height: 1; + font-size: 0.9em; + background: transparent; + border-radius: 4px; + border: 0; +} +.forum-sort-bar .dropdown button:hover, +.forum-sort-bar .subscribe-btn:hover { + background-color: #dddddd; +} +.forum-sort-bar .dropdown-menu { + background: #f9f9f9; + border: 0; + box-shadow: 0 0 0; + font-size: 0.9em; +} +.forum-sort-bar .mydiscussions-filter { + padding: 10px; +} +.forum-sort-bar .mydiscussions-filter .sort-bar-filter { + display: block; + width: 100%; + padding: 10px 0 0; + margin-bottom: 0; + float: left; + font-size: 0.9em; + border-top: 1px solid #d5d5d5; +} +.forum-sort-bar .mydiscussions-filter .sort-bar-filter li { + margin: 0; + padding-right: 15px; + display: inline-block; + cursor: pointer; +} +.reportBlock { + background: #f2f2f2; + margin-top: -20px; + border-radius: 0 0 4px 4px; + display: none; + clear: both; +} +.reportBlock label { + padding: 0 0 0.5em 0; +} +.reportStandalone .reportBlock { + display: block; + background: transparent; + padding: 0; + box-shadow: none; + -webkit-box-shadow: none; +} +.reportStandalone .reportBlock .cancelReport { + display: none; +} +.dragdropUploader { + border: 2px dashed #368ccb; + border-radius: 5px; + background-color: #e7edf5; + width: 100%; + min-height: 50px; + padding: 15px; + line-height: 15px; + margin-bottom: 10px; + cursor: pointer; + overflow: auto; + transition: all 0.3s; +} +.dragdropUploader:hover { + background-color: #e7edf5; +} +.dragdropUploader .uploadInstructions { + text-align: center; + padding-top: 5px; +} +.dragdropUploader .uploadInstructions span { + font-size: 18px; + line-height: 28px; + color: #555555; +} +.dragdropUploader .uploadInstructions p { + margin-bottom: 0px; +} +.dragdropUploader .uploadInstructions i { + margin-right: 10px; + font-size: 28px; +} +.dragdropUploader .uploadInstructions a { + color: #368ccb; + font-weight: 600; +} +.dragdropUploader .uploadInstructions a:hover { + text-decoration: none; + color: #2a70a4; +} +.dragdropUploader .uploadInstructions em { + font-size: 0.65em; +} +.dragdropUploader .upload-file-tray { + display: inline-block; + margin: 0 auto; + transition: all 0.3s; +} +.dragdropUploader .upload-file { + height: 100px; + width: 100px; + padding: 0px; + margin: 2px 1px; + background-color: #ffffff; + border: 1px solid #585858; + border-radius: 3px; + display: inline-block; + position: relative; + text-align: center; + overflow: hidden; +} +.dragdropUploader .upload-file .remove-attachment { + color: #585858; + position: absolute; + top: 3px; + right: 3px; + font-size: 18px; + -webkit-transition: all 0.5s; + -moz-transition: all 0.5s; + transition: all 0.5s; +} +.dragdropUploader .upload-file .remove-attachment:hover { + color: #368ccb; +} +.dragdropUploader .upload-file .upload-file-name { + position: absolute; + display: block; + height: 20px; + bottom: 0px; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: #999999; + color: #ffffff; + padding: 0 3px; + -webkit-transition: background-color 1.5s; + -moz-transition: background-color 1.5s; + transition: background-color 1.5s; +} +.dragdropUploader .upload-file .upload-file-name span { + font-size: 12px; + line-height: 20px; + white-space: nowrap; + position: relative; + overflow: hidden; + left: 0%; + width: 100%; + -webkit-transition: left 4s; + -moz-transition: left 4s; + transition: left 4s; + -webkit-transition-delay: 0.5s; + -moz-transition-delay: 0.5s; + transition-delay: 0.5s; +} +.dragdropUploader .upload-file:hover .upload-file-name span { + left: -85%; +} +.dragdropUploader .upload-file:hover .upload-file-name { + background-color: rgba(0, 0, 0, 0.5); +} +.dragdropUploader .upload-progress, +.dragdropUploader .upload-processing { + animation: upload-loading-border 1.25s infinite; +} +.dragdropUploader .upload-progress img, +.dragdropUploader .upload-processing img { + opacity: 0.5; + filter: alpha(opacity=50); + /* For IE 8 & 9 (more valid) */ +} +.dragdropUploader .upload-progress .progress, +.dragdropUploader .upload-processing .progress { + height: 10px; + position: absolute; + width: 85px; + margin-left: 7px; + top: 50%; + transform: translate(0, -50%); + box-shadow: 0 0 0 1px #999999; +} +.dragdropUploader .upload-processing .progress .progress-bar { + width: 100%; +} +.dragdropUploader .upload-success { + animation: upload-success-border 55s; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} +.dragdropUploader .upload-abort, +.dragdropUploader .upload-error { + border: 1px solid #f19986; +} +.dragdropUploader .upload-abort .attachment-error, +.dragdropUploader .upload-error .attachment-error { + position: absolute; + top: 7px; + left: 5px; + color: #d61e57; + text-transform: uppercase; + font-weight: 800; + font-size: 12px; +} +.dragdropUploader .upload-abort .upload-error-message, +.dragdropUploader .upload-error .upload-error-message { + position: absolute; + left: 0; + bottom: 20px; + padding: 30px 7px 3px; + width: 100px; + height: 80px; + overflow: auto; + background-color: rgba(255, 255, 255, 0.8); + font-size: 12px; + font-weight: 800; + color: #d61e57; +} +.attachment-recovered { + border-bottom: 1px solid #dddddd; + padding: 3px 15px; +} +.attachment-recovered:first-of-type { + border-top: 1px solid #dddddd; +} +.attachment-recovered:nth-of-type(2) { + background-color: #e7edf5; +} +.attachment-recovered:last-of-type { + margin-bottom: 45px; +} +.attachment-recovered .upload-orphan-name { + font-size: 14px; +} +.attachment-recovered .upload-orphan-attach, +.attachment-recovered .upload-orphan-remove { + float: right; + float: right !important; + margin-left: 15px; + font-size: 12px; + line-height: 24px; + text-transform: uppercase; + cursor: pointer; +} +.attachment-recovered .upload-orphan-remove { + border-right: 1px solid #aaaaaa; + padding-right: 15px; +} +.heading-card-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-forum .heading-card-subtitle .btn { + color: #ffffff; +} +@keyframes upload-success-border { + 0% { + border: 1px solid #388090; + } + 100% { + border: 1px solid #585858; + } +} +@keyframes upload-loading-border { + 0% { + border: 1px solid #368ccb; + } + 100% { + border: 1px solid #585858; + } +} +.header--forum { + background: linear-gradient(360deg, #c0d6e8, #e7edf5); + /*@cm-gradient-light-primary;*/ +} +.aws-container h1 { + font-size: 33px; + line-height: 1.5em; + font-weight: 600; + color: #585858; +} +.aws-container .large-p { + font-size: 19px; + line-height: 1.5em; + margin-bottom: 1em; +} +.aws-container .white-card-box { + margin: 20px 0; +} +.textImg-link { + display: inline-block; + font-size: 17px; + font-weight: 800; + text-transform: uppercase; + color: #368ccb; + border: solid 2px rgba(54, 140, 203, 0); + padding: 2px; + border-radius: 4px; + transition: all 0.25s ease; +} +.textImg-link img { + display: block; + margin: 0 auto; + -webkit-filter: grayscale(1); + filter: grayscale(1); + opacity: 0.75; + transition: all 0.25s ease; + max-width: 200px; +} +.textImg-link:hover { + color: #368ccb; + text-decoration: none; + border-color: #368ccb; +} +.textImg-link:hover img { + -webkit-filter: grayscale(0); + filter: grayscale(0); + opacity: 1; +} +.try-comsol-server-logo { + width: 279px; + height: 72px; + background-image: url("https://cdn.comsol.com/products/comsol-server/comsol-server-logo.svg"); + background-repeat: no-repeat; + text-indent: -10000px; + font-size: 1px; + overflow: hidden; + float: right; + margin-right: 50px; +} +.bold-server-h3 { + font-size: 19px; + font-weight: 800; + text-transform: uppercase; + color: #d61e57; + margin-top: 0px; +} +.bold-server-h3--is-capitalized { + text-transform: capitalize; +} +.comsol-in-the-cloud img { + width: 100%; +} +.tcs-sys-reqs { + list-style-type: circle; +} +[cm-add-canonical-id-form]:before, +[cm-add-canonical-id-form]:after { + content: " "; + display: table; +} +[cm-add-canonical-id-form]:after { + clear: both; +} +[cm-add-canonical-id-form]:before, +[cm-add-canonical-id-form]:after { + content: " "; + display: table; +} +[cm-add-canonical-id-form]:after { + clear: both; +} +[cm-add-canonical-id-form] label { + color: #999999; + font-size: 17px; + margin-top: 4px; +} +[cm-add-canonical-id-form] input { + margin-bottom: 10px; + width: 100%; + background-color: transparent; + display: block; + height: 34px; + border-radius: 4px; + border: solid 1px #eeeeee; + box-sizing: border-box; + padding: 0 10px; +} +[cm-add-canonical-id-form] button { + float: right; +} +[cm-add-canonical-id-running] { + font-size: 18px; + font-style: italic; + display: block; + text-align: center; +} +[cm-add-canonical-id-running] .fa-spinner { + font-size: 22px; + color: #368ccb; +} +[cm-add-canonical-id-error] { + display: block; + border: solid 1px #d61e57; + border-radius: 4px; + color: #d61e57; + font-size: 16px; + padding: 10px; + margin: 20px 0; +} +[cm-add-canonical-id-success] { + display: block; + border: solid 1px #097609; + border-radius: 4px; + color: #097609; + font-size: 16px; + padding: 10px; + margin-top: 20px; +} +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} +@media (max-width: 767px) { + .try-comsol-server-logo { + margin-right: 0; + float: none; + } +} +/* Request A Demo Form Styles */ +.request-a-demo-form h3 { + color: #585858; + margin-top: 0px; + font-weight: 900; + font-size: 1.4em; + text-transform: uppercase; + text-align: center; + padding-bottom: 15px; +} +.request-a-demo-form .btn-md { + font-size: 1.1em; + padding: 8px 25px; +} +@media (max-width: 991px) { + .request-a-demo-form .btn-solid.btn-md { + font-size: 1em; + } +} +/*================= Color palette =================*/ +/*================= Color palette =================*/ +.cd-wrapper { + background: #eeeeee !important; + width: 100%; +} +.cd-card__subtitle { + font-style: italic; + font-weight: normal; + font-size: 0.85em; +} +.comsoldays .header { + color: #ffffff; +} +.comsoldays .inner-header img { + width: 100%; + max-width: 400px; +} +.comsoldays .logo { + display: block; + max-width: 500px; + padding: 1em; +} +.comsoldays .logo img { + width: 100%; +} +.comsoldays .event-details { + text-align: right; + font-weight: 800; + font-size: 1.2em; +} +.comsoldays .event-details ul { + margin: 0; +} +.comsoldays .event-details .time { + font-weight: 300; +} +.comsoldays .event-details .time .ampm { + font-variant: small-caps; +} +.comsoldays .cd-image-credits { + opacity: 0.8; +} +.comsoldays .cd-card-header { + overflow: auto; + padding: 10px 30px; + border-bottom: 1px solid #eeeeee; + font-size: 1.3em; + line-height: 1.5; +} +.comsoldays .cd-card-header .cd-h2, +.comsoldays .cd-card-header .cd-sorting { + display: inline-block; +} +.comsoldays .cd-card-header .cd-sorting { + float: right; + position: static; + top: auto; + right: auto; + line-height: 1.5; + padding: 0; +} +.comsoldays .cd-card-header .cd-card__title { + display: inline-block; + margin: 0; + padding: 0; + border-bottom: none; + font-weight: 600; +} +@media only screen and (max-width: 767px) { + .comsoldays .cd-card-header .cd-h2, + .comsoldays .cd-card-header .cd-sorting { + display: block; + clear: both; + width: 100%; + } + .comsoldays .cd-card-header .cd-h2 { + margin-bottom: 20px; + } + .comsoldays .cd-card-header .cd-sorting { + margin: 0; + } +} +@media only screen and (max-width: 587px) { + .comsoldays .cd-card-header .cd-filter, + .comsoldays .cd-card-header .cd-filter-button, + .comsoldays .cd-card-header .cd-filter-button-all { + display: block; + width: 100%; + } + .comsoldays .cd-card-header .cd-filter-button, + .comsoldays .cd-card-header .cd-filter-button-all { + margin: 1em auto; + } +} +.comsoldays .cd-card-header__title { + white-space: normal; + float: left; +} +@media only screen and (max-width: 767px) { + .comsoldays .cd-card-header__title { + float: none; + text-align: center; + } +} +.comsoldays .cd-card-header__toggle { + font-size: 14px; + line-height: 28px; + height: 28px; + white-space: nowrap; + float: right; +} +@media only screen and (max-width: 767px) { + .comsoldays .cd-card-header__toggle { + float: none; + text-align: center; + } +} +.comsoldays .cd-card-header__filter-title { + display: inline-block; + margin-right: 10px; + font-weight: 800; +} +.comsoldays .btn-holder { + text-align: center; +} +.comsoldays a.btn { + border-radius: 0; + background: #005596; + display: inline-block; + width: auto; + color: #ffffff; + font-size: 1.2em; + border: 0; + padding: 0.5em 3em; + text-transform: uppercase; + margin: 4em auto; + font-weight: 600; + letter-spacing: 0.05em; +} +@media (max-width: 767px) { + .comsoldays button.btn { + padding: 0.5em 1.5em; + } +} +.comsoldays .map-row { + position: relative; +} +.comsoldays .map-details { + position: absolute; + top: 50%; + left: 15%; + background: rgba(0, 0, 0, 0.8); + color: #ffffff; + padding: 1em 2.5em 1em 1em; + transform: translateY(-50%); +} +.comsoldays .map-details h2 { + font-size: inherit; + margin: 0; + color: inherit; + font-weight: 600; + margin-bottom: 1em; + text-transform: uppercase; +} +.comsoldays .agenda { + font-size: 1.2em; +} +.comsoldays .agenda .row { + margin-bottom: 1em; +} +.comsoldays .agenda .time { + background: #c0d6e8; + border-right: 4px solid #112143; + text-align: center; + text-transform: uppercase; + font-size: 0.8em; + padding: 0.8em 0.6em; +} +.comsoldays .agenda .info { + padding-left: 2em; + padding: 0.5em 0.5em 0.5em 2em; + background: #f2f2f2; +} +.comsoldays .agenda .info:before { + display: block; + content: ' '; + width: 30px; + background: #f2f2f2; + height: 100%; + position: absolute; + top: 0; + left: -15px; +} +.comsoldays .agenda .info .title { + font-weight: 800; +} +.comsoldays .agenda .info ul, +.comsoldays .agenda .info .info-p { + font-size: 0.9em; + margin-top: 1em; +} +.comsoldays .agenda .info a { + color: inherit; +} +.comsoldays .agenda .info .details { + font-size: 0.9em; +} +.comsoldays .cta-row button { + margin: 4em auto; +} +.comsoldays .cd-upcoming { + margin: 0 auto; +} +.comsoldays .cd-upcoming .cd-upcoming__statement { + margin: 0 10px 2em; +} +.comsoldays .cd-upcoming .cd-upcoming__cards { + margin: 0 -5px; +} +.comsoldays .cd-upcoming .cd-card__content { + margin: 0 auto 30px auto; + overflow: hidden; + position: relative; + border-radius: 4px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.21); +} +.comsoldays .cd-upcoming .cd-card__content:hover { + -moz-transition: 0.2s ease-in-out; + transition: 0.2s ease-in-out; +} +.comsoldays .cd-upcoming .cd-card__content a { + display: block; + text-decoration: none; +} +.comsoldays .cd-upcoming .cd-card__content--type-topic:hover { + box-shadow: 0 0 0 2px #005596, 0px 2px 3px rgba(0, 0, 0, 0.21); +} +.comsoldays .cd-upcoming .cd-card__content--type-location:hover { + box-shadow: 0 0 0 2px #1c9ab6, 0px 2px 3px rgba(0, 0, 0, 0.21); +} +.comsoldays .cd-upcoming .cd-card__content--disabled { + box-shadow: none; +} +.comsoldays .cd-upcoming .closed-overlay { + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.51); + color: #ffffff; + padding: 20px; + text-align: center; + font-weight: 600; + font-size: 1.3em; +} +.comsoldays .cd-upcoming img { + vertical-align: top; +} +.comsoldays .cd-upcoming .cd-card__content.closed { + font-size: 0.7em; +} +.comsoldays .cd-upcoming .cd-card__content.closed:hover { + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.21); +} +.comsoldays .cd-upcoming .cd-card__content.closed .info { + width: 100%; + float: right; + text-align: left; + padding: 6px 0 6px 67px; + border-radius: 0 4px 4px 0; + color: #585858; + background-color: #e7edf5; + margin-bottom: 0; +} +.comsoldays .cd-upcoming .cd-card__content.closed .info .cd-card-title { + display: block; + text-transform: uppercase; + font-weight: 900; + font-size: 1.05em; + color: #999999; +} +.comsoldays .cd-upcoming .cd-card__content.closed .info .country { + display: block; + width: 100%; + color: #a4a7b6; + padding-right: 5px; + font-weight: 400; + font-size: 1.04em; +} +.comsoldays .cd-upcoming .cd-card__content.closed img { + position: absolute; + bottom: 0; + left: 0; + z-index: 50; + width: 60px; + border-right: 2px solid #c0d6e8; +} +.comsoldays .cd-upcoming .cd-card__content.save-the-date:before { + display: block; + content: 'Coming Soon'; + position: absolute; + top: 0; + left: 0; + z-index: 2; + background: rgba(0, 0, 0, 0.6); + width: 100%; + height: 100%; + color: rgba(255, 255, 255, 0.5); + text-align: center; + padding: 15% 0; + font-size: 1.4em; + text-transform: uppercase; + font-weight: 400; +} +.comsoldays .cd-upcoming .industry-tag { + display: none; + position: absolute; + bottom: 57px; + width: 100%; + background-color: #9ad1df; + color: #005596; + font-weight: 700; + text-align: left; + font-size: 0.86em; + padding: 10px; +} +.comsoldays .cd-upcoming .cd-card__tag { + position: absolute; + top: 0; + right: 0; + color: #005596; + background: #84c2ea; + padding: 5px 1.5em; + font-size: 0.9em; + font-weight: 700; + border-radius: 0 0 0 5px; +} +.comsoldays .cd-upcoming .cd-card__info { + width: 100%; + position: absolute; + bottom: 0; + left: 0; + background: #ffffff; + transition: all 0.2s ease; + color: #585858; + z-index: 5; + line-height: 1.5; + text-align: left; + font-size: 0.9em; + border-radius: 0 0 4px 4px; + padding: 10px 15px; +} +.comsoldays .cd-upcoming .cd-card__info .cd-card__title { + color: #005596; + font-size: 1em; + text-transform: none; + font-weight: 800; + margin-bottom: 5px; + line-height: 1.2; +} +.comsoldays .cd-upcoming .cd-card__info .cd-card__title--type-topic { + color: #005596; +} +.comsoldays .cd-upcoming .cd-card__info .cd-card__title--type-location { + color: #1c9ab6; +} +.comsoldays .cd-upcoming .cd-card__info .cd-card__title--disabled { + color: #585858; +} +.comsoldays .cd-upcoming .cd-card__info .cd-card__subtitle--type-topic { + color: #005596; +} +.comsoldays .cd-upcoming .cd-card__info .cd-card__subtitle--type-location { + color: #1c9ab6; +} +.comsoldays .cd-upcoming .cd-card__info .cd-card__time { + color: #999999; + margin: 0; + padding: 0; +} +.comsoldays .cd-upcoming .cd-card__info .cd-card__date { + font-weight: 600; + font-size: 1em; +} +.comsoldays .cd-upcoming .cd-card__info .info__wrapper { + display: table; + width: 100%; + position: absolute; + bottom: 5px; +} +.comsoldays .cd-upcoming .cd-card__info .info__wrapper .country { + color: #9ad1df; + font-size: 0.92em; +} +.comsoldays .cd-upcoming .cd-card__info .info__wrapper .date { + float: left; + color: #999999; + font-size: 0.9em; + font-weight: 600; + margin-right: 20px; +} +.comsoldays .cd-upcoming .cd-card__info--disabled { + background: #f2f2f2; +} +@media (max-width: 767px) { + .comsoldays .cd-upcoming .cd-card__content { + max-width: 400px; + margin: 0 auto 2em auto; + float: none; + } +} +@media (max-width: 991px) { + .comsoldays .cd-upcoming .cd-card__content { + margin-bottom: 2em; + min-height: 370px; + } + .comsoldays .cd-upcoming .cd-card__info .cd-card__title { + font-size: 1.4em; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .comsoldays .cd-upcoming .cd-card__content { + min-height: 330px; + } + .comsoldays .cd-upcoming .cd-card__info .cd-card__title { + font-size: 1.3em; + } +} +@media (min-width: 1200px) { + .comsoldays .cd-upcoming .cd-card__content { + min-height: 305px; + } + .comsoldays .cd-upcoming .cd-card__info .cd-card__title { + font-size: 1.2em; + } +} +.comsoldays .cd-upcoming a:hover { + text-decoration: none; +} +.comsoldays .cd-upcoming a:hover .cd-card__info { + transition: all 0.2s ease; + text-decoration: none; +} +.comsoldays .intro p { + margin: 0 auto 1em auto; + color: #585858; +} +.comsoldays .details { + margin-top: 1em; +} +.comsoldays .speaker-details { + position: relative; + padding-left: 90px; +} +.comsoldays .speakerimage { + width: 80px; + position: absolute; + top: 0; + left: 0; +} +.comsoldays .speakername { + font-weight: 600; +} +.comsoldays .speakerinfo { + font-style: italic; + font-size: 0.9em; + opacity: 0.9; +} +.cd-sorting { + display: none; + position: absolute; + top: 0; + right: 0; + line-height: 4; + padding: 0 10px 0 0; +} +.cd-sorting .btn { + font-size: 0.8em; + margin-left: 0.5em; +} +.cd-sorting .btn:hover:not(.active-filter) { + background: #dddddd; +} +.cd-speakers .cd-speaker { + padding-left: 115px; + position: relative; + padding-bottom: 30px; +} +.cd-speakers img { + max-width: 100%; + width: 100px; + position: absolute; + top: 0; + left: 0; + border: 1px solid rgba(128, 128, 128, 0.18); +} +.cd-speakers .name { + font-weight: 800; + margin-bottom: 10px; +} +.cd-speakers .bio { + font-size: 0.85em; +} +.cd-filter-button.active-filter, +.cd-filter-button-all.active-filter { + cursor: default; + font-weight: 800; +} +.cd-filter-button.active-filter:before, +.cd-filter-button-all.active-filter:before { + display: inline-block; + content: '\f00c'; + font-family: FontAwesome; + margin-right: 5px; +} +@media screen and (max-width: 767px) { + .cd-sorting { + position: relative; + margin-top: -2em; + margin-bottom: 2em; + } +} +.sorted-america { + width: 100%; + display: table; + position: relative; + padding-bottom: 40px; + border-bottom: 1px dashed #c0d6e8; +} +.sorted-america::before { + content: "North & South America"; + font-size: 14px; + width: 100%; + height: 100%; + display: block; + position: absolute; + top: -6px; + left: 13px; + color: #a4a7b6; + font-weight: 900; + text-transform: uppercase; +} +.sorted-america .cd-filterable .cd-card__content { + margin: 30px 0 0 0; +} +.sorted-europe { + width: 100%; + display: table; + position: relative; + padding-bottom: 40px; + border-bottom: 1px dashed #c0d6e8; +} +.sorted-europe::before { + content: "Europe"; + font-size: 14px; + width: 100%; + height: 100%; + display: block; + position: absolute; + top: -6px; + left: 13px; + color: #a4a7b6; + font-weight: 900; + text-transform: uppercase; +} +.sorted-europe .cd-filterable .cd-card__content { + margin: 30px 0 0 0; +} +.sorted-asia { + width: 100%; + display: table; + position: relative; + padding-bottom: 40px; + border-bottom: 1px dashed #c0d6e8; +} +.sorted-asia::before { + content: "Asia"; + font-size: 14px; + width: 100%; + height: 100%; + display: block; + position: absolute; + top: -6px; + left: 13px; + color: #a4a7b6; + font-weight: 900; + text-transform: uppercase; +} +.sorted-asia .cd-filterable .cd-card__content { + margin: 30px 0 0 0; +} +.sorted-asia { + border-bottom: none; +} +.cd-landing-notice p { + margin-bottom: 0; + padding: 14px 14px 14px 20px; + border-radius: 4px; + background-color: #84c2ea; +} +/* remote comsol days*/ +.remote-cta__comsol-day { + color: #ffffff; + background-color: #84c2ea; + border-color: #84c2ea; + letter-spacing: 0.05em; + padding: 5px 15px; + border-radius: 5px; + font-weight: 800; + font-size: 1em; + border: none; + min-width: 100%; + margin: 10px 0; + text-transform: uppercase; +} +.remote-cta__comsol-day:hover { + background-color: #6eb7e6; +} +.remote-cta--request__comsol-day { + color: #ffffff; + background-color: #005596; + border-color: #005596; + letter-spacing: 0.05em; + padding: 5px 15px; + border-radius: 5px; + font-weight: 400; + font-size: 1em; + border: none; + min-width: 50%; +} +.remote-cta--request__comsol-day:hover { + background-color: #00477d; +} +.request-success { + color: #52aea2; + margin: 10px 0; + text-align: left; + font-weight: 600; +} +.comsoldays .intro h1.first { + font-size: 2em; + margin-top: 0; + margin-bottom: 0.5em; + font-weight: 700; + color: #25325b; +} +.comsoldays .intro h4 { + position: relative; + color: #f15b63; + font-weight: 600; + font-size: 1.2em; + font-style: italic; + margin-bottom: 1em; + margin-top: 0; +} +.cd-intro-container { + padding: 0 20px; + margin-top: 15px; +} +.cd-intro-sessions { + display: flex; + color: #585858; +} +.cd-intro-testimonial { + color: #585858; + padding-left: 60px; + margin: 10px 15px 0 5px; + background: url('https://cdn.comsol.com/events/comsoldays/branding/quote-icon.jpg') left top no-repeat; +} +.cd-intro-testimonial__quote { + margin-bottom: 0.25em; + color: #585858; +} +.cd-intro-testimonial__author-info { + font-size: 0.9em; + margin-bottom: 0; +} +.cd-intro-session-info { + flex: 1 1; + padding: 0; +} +.cd-intro-session-info--sessions { + margin-right: 30px; +} +.cd-intro-session-info__label { + color: #1c9ab6; + font-weight: 600; + margin-bottom: 0.2em; +} +.comsolday-wrapper .dash-box--container { + display: flex; + border-radius: 6px 6px 0 0; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.21); + /* Flex Elements (Happening and Upcoming) */ +} +.comsolday-wrapper .dash-box--container .dashboard__happening-label { + font-size: 1em; + font-weight: 700; + letter-spacing: 0.5px; + padding: 10px 10px; + margin: 0 -15px; + text-transform: uppercase; +} +.comsolday-wrapper .dash-box--container .dashboard__happening-label--now { + background: #25325b; + color: #dddddd; + border-radius: 6px 0 0 0; +} +.comsolday-wrapper .dash-box--container .quicklook-course { + margin-bottom: 20px; +} +.comsolday-wrapper .dash-box--container .dashboard__happening-label--upcoming { + background: #dddddd; + color: #25325b; + border-radius: 0 6px 0 0; +} +.comsolday-wrapper .dash-box--container .dashboard__profile-bio { + font-size: 0.9em; +} +.comsolday-wrapper .dash-box--container .dashboard__card { + border: 1px solid #dddddd; + border-radius: 6px; +} +.comsolday-wrapper .dash-box--container .dashboard__card-header { + border-bottom: 1px solid #dddddd; + background: #eeeeee; + border-radius: 6px 6px 0 0; +} +.comsolday-wrapper .dash-box--container .dashboard__happening-card { + border: 1px solid #dddddd; +} +.comsolday-wrapper .dash-box--container .dashboard__happening-card--now { + border-radius: 6px 0 0 6px; +} +.comsolday-wrapper .dash-box--container .dashboard__happening-card--upcoming { + border-radius: 0 6px 6px 0; +} +.comsolday-wrapper .dash-box--container .dashboard__schedule-card { + background: #f2f2f2; + padding-left: 15px; + padding-right: 15px; +} +.comsolday-wrapper .dash-box--container .dashboard__schedule-section { + padding-top: 35px; + padding-bottom: 35px; + border-bottom: 1px solid #dddddd; + font-size: 0.85em; +} +.comsolday-wrapper .dash-box--container .dashboard__schedule-section--active { + /*background-color: #eddeeb;*/ +} +.comsolday-wrapper .dash-box--container .dashboard__schedule-section--now, +.comsolday-wrapper .dash-box--container .dashboard__schedule-section--upcoming { + border: none; +} +.comsolday-wrapper .dash-box--container .dashboard__btn { + font-size: 0.9em; + font-weight: 700; + border: 1px solid #dddddd; + background: #ffffff; + transition: 0.2s; + -webkit-transition: 0.2s; +} +.comsolday-wrapper .dash-box--container .dashboard__btn:hover { + border: 1px solid #999999; +} +.comsolday-wrapper .dash-box--container .dashboard__btn--join-session { + font-size: 0.85em; + font-weight: 700; +} +.comsolday-wrapper .dash-box--container .dashboard__link--join-session { + color: #0079c1; +} +.comsolday-wrapper .dash-box--container .dash-box--now, +.comsolday-wrapper .dash-box--container .dash-box--upcoming { + flex: 1 0 50%; + padding: 0 15px 15px; +} +.comsolday-wrapper .dash-box--container .dash-box--now { + background: #ffffff; + border-radius: 6px 0 0 0; +} +.comsolday-wrapper .dash-box--container .dash-box--upcoming { + background: #ffffff; + border-radius: 0 6px 0 0; + border-left: 1px solid #dddddd; +} +.comsolday-wrapper h3 { + padding: 10px 15px; +} +.comsolday-wrapper .nested-session { + margin-top: 10px; +} +.comsolday-wrapper .evi-speakers .evi-photo { + width: 95px; + width: 100px; + height: auto; + overflow: hidden; + border-radius: 4px; + margin: 0 10px 10px 0; +} +.comsolday-wrapper .evi-speakers .evi-speak { + padding-right: 0px; + padding-bottom: 25px; + min-height: 190px; +} +.comsolday-wrapper .evi-speakers .evi-name { + display: block; +} +.comsolday-wrapper .evi-speakers .inner .evi-co { + padding-left: 110px; +} +.comsolday-wrapper .nav-tabs li a { + background-color: #25325b; + color: #ffffff; +} +.comsolday-wrapper .nav-tabs li:hover a { + background-color: #ffffff; + color: #25325b; + border: none; +} +.comsolday-wrapper .nav-tabs li.active a { + background-color: #ffffff; + color: #25325b; +} +.label__cmd-qa { + background-color: #999999; +} +.label__cmd-social { + background-color: #7dc6c1; +} +.label__cmd-keynotes { + background-color: #f15b63; +} +.label__cmd-panel { + background-color: #d61e57; +} +.label__cmd-presentation { + background-color: #9ad1df; +} +.label__cmd-techcafe { + background-color: #1c9ab6; +} +.header--comsoldays { + background: #005596; + padding: 35px 40px; + height: 114px; + border-radius: 4px 4px 0 0; +} +.header--comsoldays__logo { + display: block; + width: 290px; + max-width: 430px; + margin: 0 auto; +} +.comsolday-wrapper .ems-event-content { + overflow: visible; + background: #ffffff url('https://cdn.comsol.com/events/comsoldays/branding/COMSOL-Day-Landing-Page-2021-blue-strip.png') right 50px no-repeat; +} +.comsolday-wrapper .ems-event-content img { + border-radius: 0; +} +.comsolday-wrapper .ev-breadcrumb { + margin-bottom: 50px; +} +.comsolday__heading { + border-radius: 5px; + background: #005596; +} +.comsolday__heading-link { + text-align: center; + padding: 20px 15px 20px; +} +.comsolday__heading-image { + width: 90%; + max-width: 430px; +} +.heading-card-comsolday { + overflow: visible; +} +.heading-card-comsolday .heading-card-title { + padding: 15px; + border-bottom: 0; +} +.heading-card-comsolday .heading-card-subtitle { + background-color: #dddddd; +} +.heading-card-comsolday .heading-card-subtitle .heading-card-subtitle-text { + font-weight: 600; + line-height: 40px; +} +.heading-card-comsolday .heading-card-subtitle .btn { + color: #dddddd; +} +.btn-no-style { + all: unset; +} +.hp-highlights__title { + margin: 0; + padding: 0; + border-bottom: none; + font-weight: 600; + color: #333333; + text-rendering: optimizeLegibility; + font-size: 24px; +} +.cd-highlights-cards { + padding: 30px; +} +.center-blocks:focus { + text-decoration: none; +} +.cd-highlights-item { + display: block; + margin-bottom: 30px; + color: #585858; + border: 2px solid #eeeeee; + border-radius: 8px; + transition: 200ms; +} +.cd-highlights-item:hover, +.cd-highlights-item:focus { + display: block; + text-decoration: none; + border: 2px solid #368ccb; + color: #585858; +} +.cd-highlights-item__content { + display: flex; + background: #ffffff; + border-radius: 5px; +} +.cd-highlights-item__description { + font-size: 14px; + margin-top: 10px; + line-height: 1.2; + padding-top: 5px; + text-align: left; + bottom: 0; + padding-bottom: 20px; +} +.cd-highlights-item__title { + font-weight: bold; + color: #005596; + font-size: 16px; + line-height: 1.2; + margin-bottom: 5px; + text-align: left; +} +.cd-highlights-item__text { + position: relative; + flex: 1 0 75%; + padding: 20px 20px 0px 15px; +} +.cd-highlights-item__type { + color: #585858; + font-weight: bold; + margin-bottom: 10px; + display: inline-block; +} +.cd-highlights-item__duration { + color: #585858; + margin-left: 10px; + display: inline-block; +} +.cd-highlights-item__img { + overflow: hidden; + border-radius: 5px 0 0 5px; +} +.cd-highlights-item__img img { + margin-top: 25px; + margin-left: 13px; + object-fit: contain; + width: 70px; + height: 50px; +} +@media (min-width: 768px) { + .header--comsoldays__logo { + width: 270px; + display: inline; + } + .header--comsoldays { + background: #005596 url('https://cdn.comsol.com/events/comsoldays/branding/triangles-top-with-white.png') right top no-repeat; + } + .comsolday__heading-link { + text-align: left; + } + .comsolday__heading-image { + width: 50%; + } + .comsolday__heading { + background: #005596 url('https://cdn.comsol.com/events/comsoldays/branding/COMSOL-Day-Landing-Page-2021-banner-right.png') 270% top no-repeat; + } +} +@media (min-width: 992px) { + .header--comsoldays__logo { + width: 295px; + } + .header--comsoldays { + background: #005596 url('https://cdn.comsol.com/events/comsoldays/branding/triangles-top-with-white.png') right top no-repeat; + } + .inner--comsoldays { + background: url('https://cdn.comsol.com/events/comsoldays/branding/triangles-bottom.png') right top no-repeat; + } + .intro--comsoldays { + width: 70%; + } + .cd-intro-sessions { + width: 80%; + } + .comsolday__heading-image { + width: 40%; + } + .comsolday__heading { + background: #005596 url('https://cdn.comsol.com/events/comsoldays/branding/COMSOL-Day-Landing-Page-2021-banner-right.png') 125% top no-repeat; + } +} +@media (min-width: 1200px) { + .header--comsoldays__logo { + width: 295px; + } + .header--comsoldays { + background: #005596 url('https://cdn.comsol.com/events/comsoldays/branding/triangles-top-with-white.png') right top no-repeat; + } + .inner--comsoldays { + background: url('https://cdn.comsol.com/events/comsoldays/branding/triangles-bottom.png') right top no-repeat; + } + .comsolday__heading-image { + width: 35%; + } + .comsolday__heading { + background: #005596 url('https://cdn.comsol.com/events/comsoldays/branding/COMSOL-Day-Landing-Page-2021-banner-right.png') 100% top no-repeat; + } +} +@media (max-width: 576px) { + .cd-highlights-item .cd-highlights-item__content { + min-height: unset; + } + .cd-highlights-item__content { + flex-direction: column; + } + .cd-highlights-item__img img { + display: none; + } + .cd-highlights-item .cd-highlights-item__description { + position: relative; + } +} +/* The switch - the box around the slider */ +.slider-container { + position: relative; + display: inline-block; + width: 60px; + height: 28px; + margin: 0 10px; +} +/* Hide default HTML checkbox */ +.slider-container input { + opacity: 0; + width: 0; + height: 0; +} +/* The slider */ +.slider-container__slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #dddddd; + -webkit-transition: 0.4s; + transition: 0.4s; +} +.slider-container__slider:before { + position: absolute; + content: ""; + height: 20px; + width: 20px; + left: 4px; + bottom: 4px; + background-color: #ffffff; + -webkit-transition: 0.4s; + transition: 0.4s; +} +input:checked + .slider-container__slider:before { + -webkit-transform: translateX(32px); + -ms-transform: translateX(32px); + transform: translateX(32px); +} +/* Rounded sliders */ +.slider-container__slider--round { + border-radius: 34px; +} +.slider-container__slider--round:before { + border-radius: 50%; +} +@media (max-width: 989px) { + .scroll-nav-responsive-containter { + width: 100%; + } +} +@media (min-width: 990px) { + .scroll-nav-responsive-containter { + width: 293px; + } +} +@media (min-width: 1200px) { + .scroll-nav-responsive-containter { + width: 360px; + } +} +/* RESOURCES PAGE STYLES +========================= */ +.paragraphPadding { + padding: 0px 20px 20px 0px; +} +.paragraphPadding h4 { + padding-top: 0; + margin-top: 0; +} +.full-width { + width: 100%; + background: #f2f2f2; + border-top: 1px solid #eeeeee; +} +.resources-hero-bg { + width: 100%; + background: #333333; + padding: 50px 0; +} +.btn-resources, +.btn-resources:active { + position: relative; + padding: 12px 40px 12px 40px; + margin-top: 15px; + font-size: 18px; + font-family: Lato, Optima, Geneva, Tahoma, sans-serif; + font-weight: 800; + line-height: 18px; + text-transform: uppercase; + color: #ffffff; + background-color: #368ccb; + opacity: 1; + border: none; + border-radius: 4px; + -webkit-border-radius: 4px; + transition: all 0.2s; + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -ms-transition: all 0.2s; + -o-transition: all 0.2s; +} +.btn-resources:hover, +.btn-resources:active:hover, +.btn-resources:focus, +.btn-resources:active:focus { + background-color: #307eb8; + color: #ffffff; +} +.btn-resource, +.btn-resource:active { + position: relative; + padding: 12px 30px; + margin-top: 10px; + font-size: 16px; + font-family: Lato, Optima, Geneva, Tahoma, sans-serif; + font-weight: 800; + line-height: 18px; + text-transform: uppercase; + color: #ffffff; + background-color: #368ccb; + opacity: 1; + border: none; + border-radius: 4px; + -webkit-border-radius: 4px; + transition: all 0.2s; + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -ms-transition: all 0.2s; + -o-transition: all 0.2s; +} +.btn-resource:hover, +.btn-resource:active:hover, +.btn-resource:focus, +.btn-resource:active:focus { + background-color: #307eb8; + color: #ffffff; +} +.resources-title { + font-size: 2.3em; + font-weight: 800; + line-height: 38px; + color: #333333; + text-transform: uppercase; +} +@media (max-width: 600px) { + .resources-title { + font-size: 1.6em; + line-height: 1.6em; + } +} +h2.resources-featured, +.site-cn h2.resources-featured { + font-size: 1.7em; + font-weight: 800; + line-height: 25px; + color: #ffffff; + text-transform: uppercase; +} +@media (max-width: 600px) { + h2.resources-featured, + .site-cn h2.resources-featured { + font-size: 1.3em; + line-height: 1.3em; + } +} +.resources-featured-p { + color: #ffffff; + font-size: 1.2em; + line-height: 1.4em; +} +.resources-sgHeader { + font-size: 1.5em; + font-weight: 800; + line-height: 25px; + color: #333333; + text-transform: uppercase; +} +h4.resources-sgTitle { + padding-top: 4px; + font-size: 1.1em; + line-height: 1.2em; + margin-bottom: 3px; + font-weight: 800; + color: #333333; +} +.resources-catTitle { + font-size: 1.4em; + line-height: 1.4em; + margin-bottom: 3px; + font-weight: 800; + color: #333333; +} +.img { + margin-top: 9px; +} +.read-more, +.read-more:active { + margin: 20px 0px; + color: #368ccb; + font-weight: 700; + transition: all 0.2s; + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -ms-transition: all 0.2s; + -o-transition: all 0.2s; +} +.read-more:hover, +.read-more:focus { + text-decoration: none; + color: #368ccb; +} +ul.resourceLinks { + margin-left: 0px; + padding: 0; + list-style-type: none; +} +ul.resourceLinks li { + margin-bottom: 8px; + line-height: 1.2em; +} +ul.resourceLinks li:first { + margin-top: 0; +} +ul.resourceLinks li a { + font-weight: 400; + font-size: 0.85em; + color: #368ccb; + transition: all 0.2s; + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -ms-transition: all 0.2s; + -o-transition: all 0.2s; +} +ul.resourceLinks li a:hover, +.ul.resourceLinks li a:active { + text-decoration: underline; + color: #368ccb; +} +.graybox { + background-color: #f2f2f2; + border: 1px solid #eeeeee; + padding: 5px 20px 10px 20px; +} +@media only screen and (max-width: 1000px) { + /* define mobile specific styles come here */ + .btn-resources { + font-size: 16px; + padding: 15px 30px 15px 30px; + } +} +@media only screen and (max-width: 800px) { + /* define mobile specific styles come here */ + .btn-resources { + margin-bottom: 60px; + } +} +@media only screen and (max-width: 700px) { + /* define mobile specific styles come here */ + .btn-resources { + font-size: 14px; + padding: 10px 20px 10px 20px; + } + .btn-resources:after { + border-bottom: 40px solid #368ccb; + } +} +/* CCUP STYLES +================= */ +.ccupItem { + padding: 30px 15px; + border-top: 1px solid #dddddd; +} +.ccupAlt { + /* background-color: @cm-light-background; */ +} +.ccupTitle { + font-weight: 600; + font-size: 18px; +} +.ccupAuthor { + font-weight: 600; + color: #999999; + margin: 13px 0 0 0; +} +.ccupOrigin { + font-style: italic; +} +.ccupDownload { + font-weight: 600; + color: #999999; +} +.ccupDownloadLink { + display: block; +} +.ccupCaption { + font-size: 0.85em; + font-style: italic; +} +/* + * CCUP COmmittee + */ +/* +CCUP CTA Button +*/ +.ccup-cta, +.ccup-cta:active, +.ccup-cta:visited { + max-width: 364px; + border: 2px solid #368ccb; + display: block; + margin: 30px 0 40px; + padding: 4px 10px 14px 10px; + text-align: center; + font-size: 1.15em; + line-height: 1em; + font-weight: normal; + color: #368ccb; + text-decoration: none; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.ccup-cta:hover, +.ccup-cta:focus { + background: #368ccb; + color: #ffffff; + text-decoration: none; +} +.ccup-cta a, +.ccup-cta a:active, +.ccup-cta a:hover, +.ccup-cta a:focus, +.ccup-cta a:visited { + text-decoration: none; +} +.ccupCommCaption { + padding-bottom: 10px; +} +/* + * CCUP Sponsors + */ +.sponsors .span2 { + text-align: center; +} +.sponsorDesc { + margin-bottom: 30px; +} +/* + * CCUP Committee + */ +.committee-wrapper .name { + text-align: center; + font-weight: 700; + display: block; +} +.committee-wrapper .title { + text-align: center; + font-size: 12px; + display: block; +} +/* + * Side Bar (currently Used in CCUP) + */ +.ccup .sideBar { + position: relative; + min-height: 40px; + width: 100%; + margin-left: 20px; + padding-left: 10px; +} +@media (max-width: 768px) { + .ccup .sideBar { + margin: 0; + padding: 0; + } +} +.ccup .activeAble { + padding-left: 20px; +} +.ccup .autoActive { + font-weight: 600; + color: #333333; + padding-left: 0px; + cursor: default; +} +.ccup .sideBarButton { + border-bottom: 1px solid #dddddd; +} +@media (min-width: 768px) and (max-width: 1199px) { + .ccup .sideBarButton .video i { + float: none; + } +} +@media (max-width: 767px) { + .ccup .sideBarButton .video i { + float: right; + } +} +@media (min-width: 1200px) { + .ccup .sideBarButton .video i { + float: right; + } +} +.ccup .sideBarButton .video .fa { + line-height: 40px; + padding-right: 20px; +} +.ccup .sideBarButton .textOnly { + font-size: 1em; + line-height: 3em; + display: block; + color: #585858; + text-transform: uppercase; +} +.ccup .sideBarButton .textOnly .fa { + line-height: 14px; +} +.ccup .sideBarButton .textOnly i { + line-height: 14px; +} +.ccup .sideBarButton a { + line-height: 40px; + display: block; + text-decoration: none; +} +.ccup .sideBarButton .subLink { + line-height: 14px; + padding-bottom: 10px; +} +.ccup .sideBarButton .subLink:last-of-type { + margin-bottom: 10px; +} +.ccup .sideBarSearch { + border: 1px solid #368ccb; + background-color: #ffffff; +} +.ccup .sideBarSearch form { + margin: 0px; +} +.ccup .sideBarSearch input { + height: 40px; + width: 90%; + border: 0; + padding: 0; + margin-bottom: 0px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + vertical-align: middle; +} +.ccup .sideBarSearch input:focus { + outline: none; +} +.ccup .sideBarSearch button { + position: absolute; + right: 0; + height: 100%; + font-size: 14px; + color: #ffffff; + text-align: center; + padding: 0 20px; + border-width: 0; + background-color: #368ccb; + cursor: pointer; +} +.ccup .sideBarSearch button:hover { + background-color: #529cd2; +} +.ccup input[type="text"] { + font-size: 18px; + line-height: 40px; + color: #333333; +} +@media (max-width: 1199px) { + .ccup input[type="text"] { + font-size: 14px; + line-height: 40px; + color: #333333; + } +} +.nav-link:hover, +.nav-link:active, +.nav-link:focus { + text-decoration: none; +} +.awards-section p { + margin-bottom: 5px; +} +.awards-section ol { + list-style: none; + counter-reset: listNumber; + padding-left: 0; +} +.awards-section ol > li { + counter-increment: listNumber; +} +.awards-section ol > li:before { + position: relative; + font-size: 0.8em; + top: -6px; + content: counter(listNumber) ' '; +} +.ccupapps-2016 .ccupTitle { + color: #eea342; +} +.ccupnav-2016 .sideBarButton .subLink:hover, +.ccupnav-2016 .sideBarButton .subLink:active, +.ccupnav-2016 .sideBarButton .subLink:focus { + color: #eea342; +} +.ccupnav-2016 .sideBarButton .subLink span { + align-content: top; +} +.ccup .autoActive { + color: #eea342; +} +.multi-Win { + padding-bottom: 15px; +} +.ccup2016-key-header { + color: #368ccb; +} +.presentation-actions a { + margin-right: 2em; + display: inline-block; +} +/*=============================== +User Presentation Page 2017 +===============================*/ +/* +.row .col-md-12 h1 > a { + font-weight: 500; +} + +.col-md-12 p strong { + color: @up2017-authorsName-color; + font-size: 18px; +} + +.col-md-12 p { + color: @up2017-text-color; + text-align: left; +} +*/ +.ccupTitle { + font-size: 16px; + font-weight: 700; + line-height: 21px; + margin-bottom: 4px; + text-rendering: optimizeLegibility; + letter-spacing: 0.25px; + color: #368ccb; +} +.ccupTitle:hover { + color: #eea342; +} +.ccupAuthor { + font-weight: 700; + color: #999999; + margin: 8px 0 10px 0; + font-size: 12.9px; + letter-spacing: 0.5px; +} +.ccupOrigin { + font-style: normal; + font-size: 13px; + color: #333333; + font-weight: 400; + letter-spacing: 0.25px; + line-height: 20px; +} +.ccup .sideBarButton .subLink { + font-size: 14.6px; + color: #368ccb; + font-weight: 500; + padding: 8px 0; + letter-spacing: 0.25px; + position: relative; + left: 0px; + transition: left 0.25s ease; +} +.ccup .sideBarButton .subLink:hover { + color: #eea342; + left: -5px; +} +.ccup .sideBarButton .subLink:focus { + left: 0; +} +p.ccupAbstract { + color: #999999; + line-height: 26px; + text-align: justify; + text-justify: inter-word; + margin-top: 10px; +} +p.ccupAbstract:first-letter { + color: #999999; + font-weight: bolder; + font-size: 18px; + display: inline-block; + margin: 2px; +} +.col-md-4 p.ccupCaption { + text-justify: none; + text-align: left; +} +span.ccupDownload { + display: none; +} +/* +h5.first { + line-height: 25px; + font-size: 14px; + margin-top: 0; + font-weight: 700; + transition: padding 0.25s ease; +} +*/ +/*h5.first + p, +h4.first + p,*/ +.author-bio-container p { + font-size: 16px; + line-height: 26.15px; + letter-spacing: 0.14px; + /* text-align: justify; + text-justify: inter-word; + */ +} +h5.first span.fa { + transition: transform 0.55s ease-in-out; + padding-left: 10px; +} +.up-caret-up { + transform: rotateZ(-180deg) translateX(-10px); +} +/* +h4.first { + margin-top: 0; + line-height: 25px; + color: @up2017-text-color; +} +*/ +.clickable-heading { + color: #368ccb; + margin-bottom: 0px; +} +.clickable-heading:hover { + cursor: pointer; + color: #005596; +} +.side-bar-menu-links { + line-height: 40px; + font-size: 14px; + font-weight: 700; + display: block; + text-decoration: none; + color: #368ccb; +} +.ccup .sideBar { + padding-left: 0px; +} +.ccup .sideBarButton a { + line-height: 40px; + font-size: 14px; + font-weight: 700; + display: block; + text-decoration: none; + color: #368ccb; +} +.ccup .sideBarButton a:active, +.ccup .sideBarButton a:focus, +.ccup .sideBarButton a:hover { + color: #eea342; +} +.ccup .sideBarButton a .hidden-phone { + padding-left: 8px; +} +.ccupnav-2017 .sideBarButton .autoActive { + color: #eea342; +} +.ccupnav-2017 .sideBarButton .autoActive:hover { + cursor: pointer; +} +.ccup .activeAble { + padding-left: 0px; +} +.img-border-r .col-md-12 img { + border-radius: 5px; +} +/* +.col-md-3 .row img { + padding: 10px; +} +*/ +.up-avatar-styles { + text-align: center; + /* + a.decrease-logo-size img { + width: 50%; + } +*/ + /* + .up-avatar-styles + .pull-right { + padding-top: 12px; + } +*/ +} +.up-avatar-styles img { + margin-bottom: 15px; + border-radius: 4%; +} +.up-avatar-styles .up-speaker-name { + font-size: 16px; + margin-top: 0px; + color: #252525; +} +.up-avatar-styles .up-speaker-company { + color: #dddddd; + font-weight: 700; + font-size: 13px; + display: block; + margin-top: -10px; +} +.up-avatar-styles small.up-date { + font-size: 12px; + color: #333333; +} +.author-bio-container { + display: none; +} +p.presentation-actions a { + color: #eea342; + font-size: 15px; +} +p.presentation-actions a:hover { + color: #368ccb; + text-decoration: none; +} +.contentWindow .container .row .col-md-8 .row .col-md-12 h5.gold-sponsors { + color: #eea342; +} +.contentWindow .container .row .col-md-8 .row .col-md-12 h5.silver-sponsors { + color: #999999; +} +.contentWindow .container .row .col-md-8 .sponsors .col-xs-3 .grid { + padding: 6px; +} +.contentWindow .container .row .col-md-8 .row .col-md-12 p a[href="/2017-user-presentations/multiphysics"] { + color: #ffffff; + background-color: #368ccb; +} +.contentWindow .container .row .col-md-8 .row .col-md-12 p a[href="/2017-user-presentations/multiphysics"] span { + transition: transform 0.25s ease; +} +.contentWindow .container .row .col-md-8 .row .col-md-12 p a[href="/2017-user-presentations/multiphysics"]:hover span { + left: 5px; +} +.ccup .sideBarButton .textOnly { + line-height: 40px; + font-size: 14px; + font-weight: 700; + display: block; + text-decoration: none; + color: #368ccb; + text-transform: capitalize; + color: #d61e57; + position: relative; +} +.ccup .sideBarButton .textOnly:hover { + cursor: pointer; +} +.ccup .sideBarButton .textOnly:hover .fa-arrow-down { + top: 20px; +} +.ccup .sideBarButton .textOnly .fa-arrow-down { + position: absolute; + right: 21px; + top: 15px; + transition: top 0.25s ease; + display: none; +} +.awards-section p { + margin-bottom: -1px; +} +.sidebar-menu-toggle-container { + display: none; + padding: 10px 10px 10px 0; + text-transform: uppercase; +} +.sidebar-menu-toggle-container:hover { + cursor: pointer; +} +.sidebar-menu-toggle-container:hover .fa-bars { + background-color: #005596; +} +.sidebar-menu-toggle-container .fa-bars { + font-size: 22px; + padding: 10px; + display: inline-block; + margin-right: 5px; + color: #ffffff; + background-color: #368ccb; +} +.side-nav-label { + font-weight: 700; + color: #333333; +} +.download-winners-pdf { + margin-top: 10px; +} +.download-winners-pdf:hover a, +.download-winners-pdf:hover .fa-cloud-download { + opacity: 0.85; +} +.download-winners-pdf a { + color: #d61e57; + text-decoration: none; + font-size: 12px; +} +.download-winners-pdf a .fa-cloud-download { + color: #d61e57; + padding: 5px 5px 5px 0; +} +.doublespacer .sponsors .col-xs-3 { + text-align: center; +} +.ccup2017-label-container { + display: block; + border-bottom: 1px solid #eeeeee; + margin-bottom: 40px; +} +.ccup2017-label-container .ccup2017-location-label { + display: inline-block; + width: 123px; + padding: 1px 10px; + margin-top: 40px; + border-top-left-radius: 3px; + background-color: #999999; + color: #ffffff; + border-top-right-radius: 3px; +} +.textOnly .fa-arrow-down { + display: none; +} +.ccup input[type="text"] { + padding-left: 10px; +} +span.ccupDownload { + display: none; +} +a.ccupDownloadLink { + position: relative; + padding-left: 88px; + font-size: 14px; + color: #d61e57; +} +a.ccupDownloadLink:hover { + opacity: 0.85; + text-decoration: none; +} +a.ccupDownloadLink:before { + content: "\f0ed"; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + font-size: 15px; + padding-right: 0.5em; + position: absolute; + left: 0; + top: 0; +} +a.ccupDownloadLink:after { + content: "Download"; + position: absolute; + font-size: 13px; + left: 22px; + top: 0; + display: block; + width: 140px; +} +.responsive-side-nav a[href="/2017-user-presentations/microwave-heating"] { + display: none; +} +/* +@media (max-width:1200px) { + + .responsive-side-nav-container .col-md-4 { + width: 40.333333% + } + + .responsive-side-nav-container .col-md-8 { + width: 59.666667%; + } +} +*/ +@media (max-width: 992px) { + h5[class="first not-clickable-heading"], + h5[class="first clickable-heading"] { + margin: 10px 0 5px 0; + } + /* + .ccup2017-ref-avatar-container .row .col-md-3 { + width: 40%; + } +*/ + .up-avatar-styles { + padding-left: 18px; + padding-bottom: 10px; + text-align: left; + width: 100%; + } + .up-avatar-styles img { + border-radius: 13%; + width: 100%; + max-width: 250px; + padding-left: 0; + } + .img-border-r .col-md-12 img + .doublespacer { + padding-top: 25px; + } + .sidebar-menu-toggle-container { + display: inline-block; + } + /* + .col-md-12 p{ + text-align: justify; + text-justify: inter-word; + } +*/ +} + /* + .col-md-12 h1 { + text-align: left; + a { + font-size: 39px; + } + } + + .col-md-12 p { + text-align: justify; + text-justify: inter-word; + } + + .col-md-12 p strong { + color: #999999; + font-size: 18px; + text-align: left; + } + */ + .ccupAuthor { + margin: 8px 0 10px 0; + } + /*.col-md-12*/ + .ccup2017-home-cta-btn { + text-align: center; + } + .ccup2017-ref-avatar-container { + /*width: 100%; + text-align: center;*/ + } + .ccup2017-ref-avatar-container img { + display: block; + max-width: 180px; + margin: 0 auto; + padding: 0; + border-radius: 25px; + padding: 0 0 10px 0; + } + .ccup2017-ref-avatar-container h4, + .ccup2017-ref-avatar-container small { + display: block; + text-align: center; + } + h5[class="first not-clickable-heading"], + h5[class="first clickable-heading"], + h4.first { + display: block; + } +} +@media (max-width: 520px) { + .ccupkeys-2017 .row .col-md-12 h1 a { + font-size: 33px; + } + .ccup2017-home-cta-btn { + display: block; + text-align: center; + } + .ccup2017-home-cta-btn a { + display: inline-block; + } +} +.hide-kcontent17-content { + display: none; +} +.ccupkeys-2017 .clickable-heading { + margin-bottom: 10px; +} +.ccupkeys-2017 .ccup2017-location-container h4.first, +.ccupkeys-2017 .row h4.first { + margin-top: 0; + line-height: 25px; +} +.offer--body-wrap { + background-color: #ffffff; + border-radius: 4px; + -webkit-border-radius: 4px; + background: #ffffff; + padding: 0px 50px; +} +.offer--body-wrap .offer--cta { + position: relative; + padding: 12px 40px 12px 40px; + margin-top: 15px; + font-size: 16px; + font-family: Lato, Optima, Geneva, Tahoma, sans-serif; + font-weight: 400; + line-height: 16px; + color: #ffffff; + background-color: #368ccb; + opacity: 1; + border: none; + border-radius: 4px; + -webkit-border-radius: 4px; + transition: all 0.2s; + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -ms-transition: all 0.2s; + -o-transition: all 0.2s; +} +.offer--body-wrap .offer--cta:hover, +.offer--body-wrap .offer--cta:focus { + background-color: #307eb8; + text-decoration: none; + color: #ffffff; +} +.offer--body-wrap .offer--read-link { + font-weight: 700; + font-size: 0.85em; +} +.offer--body-wrap h2 { + margin-bottom: 20px; +} +.offer--body-wrap h3 { + font-weight: 400; + padding: 0 0 5px 0; + margin: 24px 0 12px 0; + font-size: 22px; +} +.offer--body-wrap a:hover { + text-decoration: none; +} +.offer--sidebar-wrap { + padding: 0 30px; +} +.info-box { + background: #eeeeee; + border: 1px solid #dddddd; + padding: 20px 20px; + margin-bottom: 20px; + min-height: 210px; +} +.wpTrim { + width: 100%; + box-shadow: 0px 0.5px 1px 1px #999999; + z-index: 1; +} +.wpBackground { + background: #f2f2f2; + width: 100%; +} +#wpadminbar { + display: none; +} +/* HEADER +============== */ +.card-header.blog { + border-color: #368ccb; +} +.card-header.blog a { + font-size: 0.9em; + color: #999999; + text-decoration: none; + -webkit-transition: color 0.5s ease; + -moz-transition: color 0.5s ease; + -o-transition: color 0.5s ease; + transition: color 0.5s ease; +} +.card-header.blog a:hover, +.card-header.blog a:active, +.card-header.blog a:focus { + text-decoration: none; + color: #555555; + border: none; +} +.wpSideBarSearchBar { + overflow: hidden; + width: 100%; + vertical-align: middle; + white-space: nowrap; + margin: 0 0; +} +.wpSearchField { + width: 100%; + height: 35px; + background: #ffffff; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + float: left; + padding-left: 15px; +} +.wpSearchButton { + position: relative; + width: 35px; + height: 35px; + left: -35px; + top: -1px; + background: #368ccb; + border: 1px solid #368ccb; + border-radius: 0 4px 4px 0; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + color: #ffffff; + text-align: center; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} +.wpSearchButton i { + position: absolute; + top: 10px; + left: 10px; +} +.wpSearchButton:hover, +.wpSearchButton:focus, +.wpSearchButton:active { + background: #307eb8; + border-color: #307eb8; +} +/* FEATURED POST +============== */ +.wpFeaturedContent { + padding: 0px 30px 30px 30px; +} +.wpFeaturedContent img { + margin: 20px 0px; + max-width: 100% !important; + height: auto !important; +} +h2.wpFeaturedTitle, +h2.wpFeaturedTitle a { + color: #368ccb; + font-size: 1.3em; + font-weight: 600; + line-height: 1.2em; + margin-top: 0; + padding: 0; + text-decoration: none; + -webkit-transition: all 0.03s ease; + -moz-transition: all 0.03s ease; + -o-transition: all 0.03s ease; + transition: all 0.03s ease; +} +h2.wpFeaturedTitle:hover, +h2.wpFeaturedTitle a:hover, +h2.wpFeaturedTitle:focus, +h2.wpFeaturedTitle a:focus, +h2.wpFeaturedTitle:active, +h2.wpFeaturedTitle a:active { + color: #2a70a4; +} +.wpFeaturedExcerpt { + font-size: 16px; + line-height: 1.5em; + font-weight: normal; + margin-bottom: 30px; +} +.wpNormalExcerpt { + font-size: 14px; + margin-bottom: 20px; +} +/* NORMAL POST +============== */ +.wpNormal { + position: relative; + margin: 0px 0px 30px 0px; + padding: 0; + border-radius: 5px; + -webkit-border-radius: 5px; + background: #ffffff; + box-shadow: -1px 1px 1px 1px #eeeeee; + border: 1px solid #eeeeee; +} +.wpNormalTitleWrapper { + position: relative; + top: 0; + border-radius: 4px 4px 0 0; + -webkit-border-radius-top: 4px 4px 0 0; + margin: 0px; + padding: 20px; + background: #368ccb; + border-bottom: 3px solid #368ccb; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} +.wpNormalTitleWrapper h3.wpNormalTitle, +.wpNormalTitleWrapper h3.wpNormalTitle a { + color: #ffffff; + font-size: 1.15em; + line-height: 1.3em; + font-weight: 600; + margin-top: 0; + margin-bottom: 0; + padding: 0px; + text-decoration: none; +} +.wpNormalTitleWrapper:hover, +.wpNormalTitleWrapper:focus, +.wpNormalTitleWrapper:active { + background: #ffffff; +} +.wpNormalTitleWrapper:hover h3.wpNormalTitle, +.wpNormalTitleWrapper:focus h3.wpNormalTitle, +.wpNormalTitleWrapper:active h3.wpNormalTitle, +.wpNormalTitleWrapper:hover h3.wpNormalTitle a, +.wpNormalTitleWrapper:focus h3.wpNormalTitle a, +.wpNormalTitleWrapper:active h3.wpNormalTitle a { + color: #368ccb; + text-decoration: none; +} +img.wpAuthorPhoto { + margin: 0 8px 0 0; + width: 40px; + height: 40px!important; + border-radius: 4px; + border: 0; +} +.wpAuthor-guestflag { + display: block; + position: absolute; + text-align: center; + width: 40px; + letter-spacing: 0.07em; + font-size: 10px; + border-radius: 0 0 4px 4px; + text-transform: uppercase; + font-weight: 600; + color: #6da792; + bottom: -5px; + left: 51px; +} +.wpNormalContent { + padding: 20px 30px; +} +.wpNormalContent .wpAuthor { + font-size: 0.9em; + font-weight: 600; + line-height: 1.1em; + margin: -20px -30px 0 -30px; + background: #f9f9f9; + padding: 20px; +} +.wpNormalContent .wpAuthor a { + font-weight: 600; + font-size: 1em; + line-height: 1.2em; + margin-right: 7.5px; + display: inline-block; + border-bottom: 2px solid #f9f9f9; +} +.wpNormalContent .wpAuthor-guestflag { + bottom: 10px; + left: 60px; + border-radius: 0; + color: #6da792; + background: transparent; +} +.wpNormalContent img.wpAuthorPhoto { + width: 30px; + height: 30px!important; + margin: 0 8px 0 0!important; +} +.wpNormalContent .wpCategories { + margin-top: 15px; +} +.wpNormalContent .wpCategories h4 { + font-size: 1em; + color: #555555; + font-weight: 600; +} +.wpNormalContent img { + margin: 15px 0px; + max-width: 100% !important; + height: auto !important; +} +/* SIDEBAR +============== */ +.blog-divide { + border-bottom: 3px solid #368ccb; + margin: 5px -30px; +} +.cat-header { + margin-top: 0; + margin-bottom: 10px; + font-weight: 600; + font-size: 1.2em; + text-transform: uppercase; + color: #555555; + padding-bottom: 5px; +} +ul.cat-titles { + margin: 0; + padding: 0; + list-style: none; +} +ul.cat-titles li a { + list-style: none; + margin: 5px 0; + padding: 0; + text-indent: -10px !important; + text-decoration: none; + font-size: 1.1em; + line-height: 1.45em; + color: #368ccb; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} +ul.cat-titles li a:hover, +ul.cat-titles li a:focus, +ul.cat-titles li a:active { + color: #2a70a4; +} +ul.cat-titles > li > ul.cat-sub-titles { + margin: 5px 0 10px 0; + padding: 5px 0 0 0; + text-indent: 0px; + list-style: none; + border-top: 1px solid #eeeeee; +} +ul.cat-titles > li > ul.cat-sub-titles li a { + margin: 0; + padding: 0; + list-style: none; + font-size: 0.9em; + line-height: 1.8em; + font-weight: normal; + color: #555555; +} +ul.cat-titles > li > ul.cat-sub-titles li a:hover, +ul.cat-titles > li > ul.cat-sub-titles li a:focus { + color: #555555; +} +ul.cat-titles .count { + color: #999999; + font-size: 0.8em; + font-style: italic; + margin-left: 5px; +} +.wpSidebarComsolAd { + padding-bottom: 20px; + margin-bottom: 20px; +} +.wpSidebarHeader { + margin: 10px 0 5px; + font-weight: 600; + font-size: 1.2em; + text-transform: uppercase; + color: #555555; + padding-bottom: 5px; +} +.wpSidebarHeader i { + color: #28aa8f; + margin-right: 8px; +} +.wpRssIcon { + color: #28aa8f; + font-size: 1.5em; + margin-right: 8px; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} +.wpRssFeed p { + margin-top: 20px; + color: #555555; + font-size: 16px; +} +.wpRssIcon:hover, +.wpRssIcon:focus { + color: #368ccb; +} +@media (max-width: 980px) and (min-width: 600px) { + .wpRssIcon { + font-size: 1.2em; + } + .wpRssFeed p { + font-size: 14px !important; + } +} +/* Social Icons for CN +============== */ +.cn-share-buttons { + margin-top: 4px; + float: right; + margin-right: 3px; +} +.bds_more { + display: none; +} +@media (max-width: 780px) { + .wpTitle a, + .wpTitle a:active, + .wpTitle a:hover, + .wpTitle a:focus { + font-size: 0.9em; + } +} +@media (max-width: 430px) { + button { + padding: 1px 4px; + } +} +/* SINGLE POST +============ */ +.blogpost__content { + margin: 20px 30px 45px; +} +.blogpost__content .blogtitle { + font-size: 23px; +} +.blogpost__content .caption { + color: #585858; +} +.blogpost__content .blog-body .latex-wrapper { + text-align: center; +} +.blogpost__content .blog-body .latex { + display: inline-block; +} +.blogpost__content .blog-body div.latex > img { + width: 70%; +} +.blogpost__heading { + color: #333333; + font-weight: 700; + font-size: 1em; + line-height: 1em; + text-align: left; + margin-top: 25px; + margin-bottom: 10px; + padding-bottom: 0 !important; +} +.blogpost__heading a { + color: #333333; + text-rendering: optimizeLegibility; +} +.blogpost__heading a:hover { + text-decoration: none; +} +.blogpost__title { + padding-bottom: 0 !important; +} +.blogpost__title h1 { + font-size: 2em; + font-size: 3.1rem; + line-height: 1.4em; + font-weight: 700; + color: #585858; + margin: 0 0 15px; +} +.blogpost__author-info { + overflow: hidden; + margin-bottom: 15px; + padding-bottom: 0 !important; +} +.blogpost__author-name, +.blogpost__author-photo { + float: left; +} +.blogpost__author-name { + font-size: 17.4px; + line-height: 24px; + padding: 10px 5px 10px; + position: relative; +} +.blogpost__author-name > span { + font-size: 15px; +} +.blogpost__author-name a { + font-weight: 700; +} +.blogpost__author-photo { + margin-right: 5px; +} +.blogpost__author-photo a { + display: block; +} +.blogpost__author-photo img { + width: 45px; + height: 45px; + border-radius: 5px; +} +.blogpost__guest-tag { + position: absolute; + bottom: 0; + left: 0; + padding: 0 5px; + font-size: 10px; + line-height: 1; + color: #368ccb; + text-transform: uppercase; +} +.blogpost__date { + text-align: right; + line-height: 45px; + letter-spacing: 0.05em; + color: #368ccb; +} +@media (max-width: 767px) { + .blogpost__date { + text-align: left; + font-size: 0.9em; + line-height: 1; + margin-top: 5px; + margin-bottom: 20px; + } +} +@media (max-width: 575px) { + .blogpost__content { + margin: 20px 5px 30px; + } +} +.wpSinglePost { + margin-bottom: 30px; + padding: 30px; + background: #ffffff; + border: 1px solid #eeeeee; + border-radius: 5px; + -webkit-border-radius: 5px; + box-shadow: -1px 1px 2px 1px #eeeeee; +} +.wpSingleTitle { + margin-bottom: 20px; + margin-top: 0; + font-size: 2em; + line-height: 1.4em; + font-weight: normal; + color: #333333; +} +.wpSingleContent h3 { + margin: 40px 0px 0px 0px; + font-size: 1.6em; + line-height: 1.3 em; + font-weight: normal; +} +.wpSingleContent h4 { + margin: 40px 0px 0px 0px; + font-size: 1.35em; + line-height: 1.2em; + font-weight: normal; +} +.wpSingleContent h5 { + margin: 30px 0px 0px 0px; + font-size: 1.2em; + line-height: 1.4em; + font-weight: 300; +} +.wpSingleContent img { + margin: 20px 0px; + max-width: 100% !important; + height: auto !important; +} +.wpSingleContent > div.wistia_responsive_padding { + margin: 15px 0; +} +.wpSingleContent .latex img { + margin: 0 0 !important; +} +.wpSingleContent p { + font-size: 16px; + line-height: 1.4; + font-weight: normal; + margin: 8px 0px 5px 0px; +} +.wpSingleContent pre { + max-height: 600px; +} +.wpSingleContent .collapse { + visibility: inherit; +} +.wpSingleContent ul, +.wpSingleContent ol { + margin: 5px 0; + padding: 0 0 0 36px; + text-indent: 0; +} +.wpSingleContent ol { + list-style: decimal outside; +} +.wpSingleContent ol li ol li { + list-style-type: lower-alpha; +} +.wpSingleContent ol li ol li ol li { + list-style-type: lower-roman; +} +.wpSingleContent ul { + list-style: square outside; +} +.wpSingleContent li { + font-size: 1em; + line-height: 1.4em; + font-weight: normal; +} +.wpSingleContent ul li ul, +.wpSingleContent ol li ol { + margin: 0; + padding: 0 0 0 20px; +} +.wpSingleContent ul li ul li, +.wpSingleContent ol li ol li { + font-size: 0.9em; + line-height: 1.3em; +} +.wpSingleContent iframe { + width: 100%; +} +.wpSingleContent td li { + font-size: inherit; + line-height: inherit; + font-weight: normal; + margin: 0; + padding: 0; +} +@media (max-width: 1200px) { + .wpSingleTitle { + margin-bottom: 20px; + font-size: 2em; + line-height: 1.4em; + font-weight: normal; + } + .wpSingleContent h3 { + font-size: 1.6em; + line-height: 1.4em; + font-weight: normal; + } + .wpSingleContent h4 { + font-size: 1.15em; + line-height: 1.2em; + font-weight: 500; + } + .wpSingleContent p { + font-size: 16px; + line-height: 1.4em; + font-weight: normal; + margin: 15px 0px 5px 0px; + } + .wpSingleContent li { + font-size: 1em; + line-height: 1.3em; + font-weight: normal; + } + .wpSidebarHeader { + font-weight: 800; + font-size: 1em; + } +} +@media (max-width: 420px) { + #wpSinglePrev, + #wpSingleNext { + width: 100%; + } + .wpSinglePost { + padding: 15px; + } + .wpSingleTitle { + font-size: 1.4em; + line-height: 1.2em; + font-weight: normal; + } + h2.wpFeaturedTitle, + h2.wpFeaturedTitle a { + font-size: 1.2em; + line-height: 1.1em; + } + .wpSingleContent h3 { + font-size: 1.35em; + line-height: 1.4em; + font-weight: normal; + } + .wpSingleContent h4 { + font-size: 1em; + line-height: 1.2em; + } + .wpSingleContent p { + font-size: 16px; + line-height: 1.4em; + margin: 15px 0px 5px 0px; + } + .wpSingleContent li { + font-size: 1em; + line-height: 1.2em; + } +} +/* COMMENTS +============ */ +h3.wpComments { + font-weight: 600; +} +.wpCommentsList, +ul.wpCommentsList, +ol.wpCommentsList { + list-style: none; + margin: 0; + padding: 0; + -webkit-padding-start: 0; + text-indent: 0; + border: 1px solid #e1e1e1; + background: #f2f2f2; + border-radius: 4px; +} +.wpCommentsList .wpCommentText, +ul.wpCommentsList .wpCommentText, +ol.wpCommentsList .wpCommentText { + overflow-wrap: break-word; + overflow: hidden; +} +span.wpCommentAuthor { + color: #28aa8f; + font-weight: 600; + font-size: 1em; +} +span.wpCommentDetails { + font-style: italic; + font-size: 0.9em; + padding-left: 5px; + color: #999999; +} +.wpCommentsList li { + padding: 10px; +} +.wpCommentsList li:nth-child(2) { + border-top: 1px dashed #e1e1e1; +} +.wpCommentText p { + margin: 8px 0px; + font-size: 1em; + color: #555555; +} +.wpComment-login { + font-weight: 600; + color: #28aa8f; +} +.comment-form-comment label { + font-size: 1em; + font-weight: 600; + color: #555555; +} +.comment-form-comment textarea { + border: 1px solid #e1e1e1; + border-radius: 4px; + margin: 10px 0; +} +.comment-form p { + color: #28aa8f; +} +/* GLOBAL +============ */ +.wpCategoryTitle, +.wpArchive-title { + background-color: #2a70a4; + border-top: 6px solid #368ccb; + border-radius: 0 0 4px 4px; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + padding: 1px 30px; + margin-top: -6px; +} +.wpCategoryTitle h3, +.wpArchive-title h3 { + color: #ffffff; + font-weight: 600; + font-size: 1.2em; + line-height: 1.4em; + margin-top: 10px !important; + transition: all 0.5s; + -webkit-transtition: all 0.5s; + -moz-transition: all 0.5s; +} +.wpCategoryTitle h3 a, +.wpArchive-title h3 a { + color: #ffffff; +} +.wpCategoryTitle h3 a:hover, +.wpArchive-title h3 a:hover, +.wpCategoryTitle h3 a:focus, +.wpArchive-title h3 a:focus, +.wpCategoryTitle h3 a:active, +.wpArchive-title h3 a:active { + color: #ffffff; + text-decoration: none; + border-bottom: 2px solid #28aa8f; +} +.wpTags, +.wpCategories { + margin-top: 15px; +} +.wpTags h4, +.wpCategories h4 { + color: #555555; + font-weight: 600; +} +.wpTags a { + font-size: 1em; + margin-right: 15px; + color: #999999; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} +.wpTags a i { + margin-right: 2px; +} +.wpTags a:hover, +.wpTags a:focus, +.wpTags a:active { + text-decoration: none; + color: #28aa8f; +} +#wpSingleNext h4, +#wpSinglePrev h4 { + color: #555555; + font-weight: 600; +} +.blogAbstract { + margin-bottom: 20px; +} +a.wpReadMore, +a.wpReadMore { + color: #368ccb; + font-size: 1.1em; + line-height: 1.4em; + font-weight: 800; + transition: 0.5s color, 0.5s span; + -webkit-transition: 0.5s color, 0.5s span; + -moz-transition: 0.5s color, 0.5s span; +} +a.wpReadMore span, +a.wpReadMore span { + display: inline-block; + width: 8px; + height: 4px; + position: relative; + left: 4px; + top: 1px; + font-family: FontAwesome; + font-size: 1.2em; + font-weight: bold; + font-style: normal; +} +a.wpReadMore span:before, +a.wpReadMore span:before { + content: "\f105"; +} +a.wpReadMore:hover, +a.wpReadMore:hover, +a.wpReadMore:focus, +a.wpReadMore:focus, +a.wpReadMore:active, +a.wpReadMore:active { + color: #2a70a4; + text-decoration: none; +} +a.wpReadMore:hover span:before, +a.wpReadMore:hover span:before, +a.wpReadMore:focus span:before, +a.wpReadMore:focus span:before, +a.wpReadMore:active span:before, +a.wpReadMore:active span:before { + left: 4px; + content: "\f101"; +} +.wpAuthor { + margin: 0px 0px 10px 0px; + font-size: 1em; + line-height: 1.2em; + font-weight: 400; + color: #999999; + transition: 0.5s all ease; + -webkit-transition: 0.5s all ease; + -moz-transition: 0.5s all ease; + position: relative; +} +.wpAuthor a { + font-size: 1.1em; + line-height: 1.3em; + font-weight: 600; + color: #28aa8f; + display: inline-block; + margin-right: 15px; + border-bottom: 2px solid #ffffff; +} +.wpAuthor a:hover, +.wpAuthor a:focus, +.wpAuthor a:active { + color: #1e816c; + border-bottom: 2px solid #1e816c; + text-decoration: none; +} +.bigBlogThumb { + margin: 40px 0px; + padding: 20px; + max-width: 100%; +} +.blogThumbnail { + margin: 30px 20px; + padding: 20px; + max-width: 100%; +} +.spanWP-side-by-side img, +.spanWP-side-by-side p img { + float: left; + width: 48%; + height: auto; +} +@media (max-width: 979px) { + .spanWP-side-by-side { + max-width: 100%; + float: none; + display: block; + } +} +a .wpCatButton, +a .wpCatButton:active { + margin-top: 3px; + padding: 3px 8px; + border: 1px solid #999999; + background: transparent; + text-align: justify; + font-size: 0.9em; + font-weight: 400; + color: #999999; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} +a .wpCatButton:hover, +a .wpCatButton:focus { + border: 1px solid #28aa8f; + color: #28aa8f; +} +.wpCat:hover, +.wpCat:focus { + color: #368ccb; +} +.wpAccentColor { + background-color: #368ccb; + color: #ffffff; + border: 1px solid #368ccb; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} +.wpAccentColor:hover, +.wpAccentColor:focus { + background-color: #368ccb; + text-decoration: none; +} +div.latex { + margin: 0 auto; + text-align: center; + padding: 0; + border: none; +} +div.latex img { + margin: 0 !important; +} +.latex-equation-number { + float: right; +} +.wpAuthorImage { + float: left; + margin: 15px 15px 0; + padding: 0; +} +.wpAuthorImage img { + margin-top: 5px !important; + margin-bottom: 5px !important; +} +@media (max-width: 420px) { + .wpAuthor { + margin: 0px 0px 8px 0px; + font-size: 1em; + } +} +/* PAGINATION +================ */ +a#wpPagination:hover, +a#wpPagination:focus { + text-decoration: none; +} +#wpPagination { + text-align: center; + font-size: 1.1em; +} +#wpPagination a.page-numbers { + text-align: center; + display: inline-block; + border: none; + padding: 0 2%; + color: #999999; + font-weight: 600; + font-family: Helvetica, Arial, sans-serif; +} +#wpPagination span.page-numbers.current { + background-color: #28aa8f; + color: #ffffff; + cursor: default; + padding: 1px 8px; + border-radius: 4px; + font-weight: 600; + font-family: Helvetica, Arial, sans-serif; + text-align: center; + display: inline-block; +} +#wpPagination span.pnPrevious, +#wpPagination span.pnNext { + color: #28aa8f; + cursor: pointer; +} +@media (min-width: 1201px) { + #wpPagination a.page-numbers, + #wpPagination span.page-numbers { + margin: 0; + } +} +@media (max-width: 1200px) and (min-width: 981px) { + #wpPagination a.page-numbers, + #wpPagination span.page-numbers { + margin: 0; + } +} +@media (max-width: 600px) { + #wpPagination a.page-numbers, + #wpPagination span.page-numbers { + display: none; + } + #wpPagination a.prev.page-numbers { + display: block; + float: left; + } + #wpPagination a.prev.page-numbers:after { + display: inline-block; + padding-left: 5px; + } + #wpPagination a.next.page-numbers { + display: block; + float: right; + } + #wpPagination a.next.page-numbers:before { + display: inline-block; + padding-right: 5px; + } +} +img.size-full { + height: auto !important; + max-width: 100% !important; +} +img.size-medium { + height: auto !important; + max-width: 100% !important; +} +img.size-thumbnail { + max-width: 100% !important; + width: auto !important; +} +img.size-thumbnail { + width: auto !important; +} +.table-blog { + table-layout: fixed; + width: 100%; + max-width: 100%; + margin-bottom: 24px; + border: 1px solid #dddddd; +} +.table-blog > thead > tr > th, +.table-blog > tbody > tr > th, +.table-blog > tfoot > tr > th, +.table-blog > thead > tr > td, +.table-blog > tbody > tr > td, +.table-blog > tfoot > tr > td { + padding: 8px; + line-height: 1.5; + vertical-align: top; + border-top: 1px solid #dddddd; +} +.table-blog > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #dddddd; +} +.table-blog > caption + thead > tr:first-child > th, +.table-blog > colgroup + thead > tr:first-child > th, +.table-blog > thead:first-child > tr:first-child > th, +.table-blog > caption + thead > tr:first-child > td, +.table-blog > colgroup + thead > tr:first-child > td, +.table-blog > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table-blog > tbody + tbody { + border-top: 2px solid #dddddd; +} +.table-blog .table { + background-color: #ffffff; +} +.table-blog > thead > tr > th, +.table-blog > tbody > tr > th, +.table-blog > tfoot > tr > th, +.table-blog > thead > tr > td, +.table-blog > tbody > tr > td, +.table-blog > tfoot > tr > td { + border: 1px solid #dddddd; +} \ No newline at end of file diff --git a/comsol/css/bootstrap3-external-blessed2-1668433583.css b/comsol/css/bootstrap3-external-blessed2-1668433583.css new file mode 100644 index 0000000..0c2fb04 --- /dev/null +++ b/comsol/css/bootstrap3-external-blessed2-1668433583.css @@ -0,0 +1,12529 @@ +/*=== Color Palette 2019 === */ +/*=== Local Primary Color ===*/ +/*=== Local Accent Colors ===*/ +/*=== Global Variables ===*/ +/*=== Neutral Colors ===*/ +/*=== CM Utilities ===*/ +/* +- @cm-page-bg and @cm-text were tested against each other for optimal contrast ratio 7.14 width double check marks +- Too dark text color against light background can cause eyestrain + https://uxmovement.com/content/why-you-should-never-use-pure-black-for-text-or-backgrounds/ +*/ +/*=== LEARNING CENTER - unique to the learning center ===*/ +/*=== COMSOL DAYS - previous events ===*/ +/*=== Transition Animation ===*/ +/*=== Reusable class ===*/ +.is-external { + overflow-wrap: break-word; +} +.is-external::after { + font-family: 'FontAwesome'; + content: "\00a0\f08e"; + font-size: 0.6em; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; +} +.btn-default { + display: inline-block; + color: #ffffff; + margin: 2rem 0; + padding: 1rem 3.5rem; + border-radius: 0.4rem; + font-weight: bold; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); + background-color: #368ccb; +} +.btn-default:hover { + text-decoration: none; +} +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background-color: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +mark { + background: #ffff00; + color: #eea342; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +input { + line-height: normal; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} +/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ +@media print { + *, + *:before, + *:after { + background: transparent !important; + color: #000000 !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + select { + background: #ffffff !important; + } + .navbar { + display: none; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000000 !important; + } + .label { + border: 1px solid #000000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #ffffff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #dddddd !important; + } +} +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('https://cdn.comsol.com/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0'); + src: url('https://cdn.comsol.com/fonts/font-awesome/fontawesome-webfont.eot?') format('embedded-opentype'), url('https://cdn.comsol.com/fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://cdn.comsol.com/fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://cdn.comsol.com/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://cdn.comsol.com/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0') format('svg'); + font-weight: normal; + font-style: normal; +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.28571429em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: 0.2em 0.25em 0.15em; + border: solid 0.08em #eeeeee; + border-radius: 0.1em; +} +.fa-pull-left { + float: left; +} +.fa-pull-right { + float: right; +} +.fa.fa-pull-left { + margin-right: 0.3em; +} +.fa.fa-pull-right { + margin-left: 0.3em; +} +/* Deprecated as of 4.4.0 */ +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: 0.3em; +} +.fa.pull-right { + margin-left: 0.3em; +} +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none; +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook-f:before, +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-feed:before, +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before, +.fa-gratipay:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} +.fa-space-shuttle:before { + content: "\f197"; +} +.fa-slack:before { + content: "\f198"; +} +.fa-envelope-square:before { + content: "\f199"; +} +.fa-wordpress:before { + content: "\f19a"; +} +.fa-openid:before { + content: "\f19b"; +} +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c"; +} +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d"; +} +.fa-yahoo:before { + content: "\f19e"; +} +.fa-google:before { + content: "\f1a0"; +} +.fa-reddit:before { + content: "\f1a1"; +} +.fa-reddit-square:before { + content: "\f1a2"; +} +.fa-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-stumbleupon:before { + content: "\f1a4"; +} +.fa-delicious:before { + content: "\f1a5"; +} +.fa-digg:before { + content: "\f1a6"; +} +.fa-pied-piper-pp:before { + content: "\f1a7"; +} +.fa-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-drupal:before { + content: "\f1a9"; +} +.fa-joomla:before { + content: "\f1aa"; +} +.fa-language:before { + content: "\f1ab"; +} +.fa-fax:before { + content: "\f1ac"; +} +.fa-building:before { + content: "\f1ad"; +} +.fa-child:before { + content: "\f1ae"; +} +.fa-paw:before { + content: "\f1b0"; +} +.fa-spoon:before { + content: "\f1b1"; +} +.fa-cube:before { + content: "\f1b2"; +} +.fa-cubes:before { + content: "\f1b3"; +} +.fa-behance:before { + content: "\f1b4"; +} +.fa-behance-square:before { + content: "\f1b5"; +} +.fa-steam:before { + content: "\f1b6"; +} +.fa-steam-square:before { + content: "\f1b7"; +} +.fa-recycle:before { + content: "\f1b8"; +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9"; +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba"; +} +.fa-tree:before { + content: "\f1bb"; +} +.fa-spotify:before { + content: "\f1bc"; +} +.fa-deviantart:before { + content: "\f1bd"; +} +.fa-soundcloud:before { + content: "\f1be"; +} +.fa-database:before { + content: "\f1c0"; +} +.fa-file-pdf-o:before { + content: "\f1c1"; +} +.fa-file-word-o:before { + content: "\f1c2"; +} +.fa-file-excel-o:before { + content: "\f1c3"; +} +.fa-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5"; +} +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6"; +} +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7"; +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8"; +} +.fa-file-code-o:before { + content: "\f1c9"; +} +.fa-vine:before { + content: "\f1ca"; +} +.fa-codepen:before { + content: "\f1cb"; +} +.fa-jsfiddle:before { + content: "\f1cc"; +} +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd"; +} +.fa-circle-o-notch:before { + content: "\f1ce"; +} +.fa-ra:before, +.fa-resistance:before, +.fa-rebel:before { + content: "\f1d0"; +} +.fa-ge:before, +.fa-empire:before { + content: "\f1d1"; +} +.fa-git-square:before { + content: "\f1d2"; +} +.fa-git:before { + content: "\f1d3"; +} +.fa-y-combinator-square:before, +.fa-yc-square:before, +.fa-hacker-news:before { + content: "\f1d4"; +} +.fa-tencent-weibo:before { + content: "\f1d5"; +} +.fa-qq:before { + content: "\f1d6"; +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7"; +} +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8"; +} +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9"; +} +.fa-history:before { + content: "\f1da"; +} +.fa-circle-thin:before { + content: "\f1db"; +} +.fa-header:before { + content: "\f1dc"; +} +.fa-paragraph:before { + content: "\f1dd"; +} +.fa-sliders:before { + content: "\f1de"; +} +.fa-share-alt:before { + content: "\f1e0"; +} +.fa-share-alt-square:before { + content: "\f1e1"; +} +.fa-bomb:before { + content: "\f1e2"; +} +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: "\f1e3"; +} +.fa-tty:before { + content: "\f1e4"; +} +.fa-binoculars:before { + content: "\f1e5"; +} +.fa-plug:before { + content: "\f1e6"; +} +.fa-slideshare:before { + content: "\f1e7"; +} +.fa-twitch:before { + content: "\f1e8"; +} +.fa-yelp:before { + content: "\f1e9"; +} +.fa-newspaper-o:before { + content: "\f1ea"; +} +.fa-wifi:before { + content: "\f1eb"; +} +.fa-calculator:before { + content: "\f1ec"; +} +.fa-paypal:before { + content: "\f1ed"; +} +.fa-google-wallet:before { + content: "\f1ee"; +} +.fa-cc-visa:before { + content: "\f1f0"; +} +.fa-cc-mastercard:before { + content: "\f1f1"; +} +.fa-cc-discover:before { + content: "\f1f2"; +} +.fa-cc-amex:before { + content: "\f1f3"; +} +.fa-cc-paypal:before { + content: "\f1f4"; +} +.fa-cc-stripe:before { + content: "\f1f5"; +} +.fa-bell-slash:before { + content: "\f1f6"; +} +.fa-bell-slash-o:before { + content: "\f1f7"; +} +.fa-trash:before { + content: "\f1f8"; +} +.fa-copyright:before { + content: "\f1f9"; +} +.fa-at:before { + content: "\f1fa"; +} +.fa-eyedropper:before { + content: "\f1fb"; +} +.fa-paint-brush:before { + content: "\f1fc"; +} +.fa-birthday-cake:before { + content: "\f1fd"; +} +.fa-area-chart:before { + content: "\f1fe"; +} +.fa-pie-chart:before { + content: "\f200"; +} +.fa-line-chart:before { + content: "\f201"; +} +.fa-lastfm:before { + content: "\f202"; +} +.fa-lastfm-square:before { + content: "\f203"; +} +.fa-toggle-off:before { + content: "\f204"; +} +.fa-toggle-on:before { + content: "\f205"; +} +.fa-bicycle:before { + content: "\f206"; +} +.fa-bus:before { + content: "\f207"; +} +.fa-ioxhost:before { + content: "\f208"; +} +.fa-angellist:before { + content: "\f209"; +} +.fa-cc:before { + content: "\f20a"; +} +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: "\f20b"; +} +.fa-meanpath:before { + content: "\f20c"; +} +.fa-buysellads:before { + content: "\f20d"; +} +.fa-connectdevelop:before { + content: "\f20e"; +} +.fa-dashcube:before { + content: "\f210"; +} +.fa-forumbee:before { + content: "\f211"; +} +.fa-leanpub:before { + content: "\f212"; +} +.fa-sellsy:before { + content: "\f213"; +} +.fa-shirtsinbulk:before { + content: "\f214"; +} +.fa-simplybuilt:before { + content: "\f215"; +} +.fa-skyatlas:before { + content: "\f216"; +} +.fa-cart-plus:before { + content: "\f217"; +} +.fa-cart-arrow-down:before { + content: "\f218"; +} +.fa-diamond:before { + content: "\f219"; +} +.fa-ship:before { + content: "\f21a"; +} +.fa-user-secret:before { + content: "\f21b"; +} +.fa-motorcycle:before { + content: "\f21c"; +} +.fa-street-view:before { + content: "\f21d"; +} +.fa-heartbeat:before { + content: "\f21e"; +} +.fa-venus:before { + content: "\f221"; +} +.fa-mars:before { + content: "\f222"; +} +.fa-mercury:before { + content: "\f223"; +} +.fa-intersex:before, +.fa-transgender:before { + content: "\f224"; +} +.fa-transgender-alt:before { + content: "\f225"; +} +.fa-venus-double:before { + content: "\f226"; +} +.fa-mars-double:before { + content: "\f227"; +} +.fa-venus-mars:before { + content: "\f228"; +} +.fa-mars-stroke:before { + content: "\f229"; +} +.fa-mars-stroke-v:before { + content: "\f22a"; +} +.fa-mars-stroke-h:before { + content: "\f22b"; +} +.fa-neuter:before { + content: "\f22c"; +} +.fa-genderless:before { + content: "\f22d"; +} +.fa-facebook-official:before { + content: "\f230"; +} +.fa-pinterest-p:before { + content: "\f231"; +} +.fa-whatsapp:before { + content: "\f232"; +} +.fa-server:before { + content: "\f233"; +} +.fa-user-plus:before { + content: "\f234"; +} +.fa-user-times:before { + content: "\f235"; +} +.fa-hotel:before, +.fa-bed:before { + content: "\f236"; +} +.fa-viacoin:before { + content: "\f237"; +} +.fa-train:before { + content: "\f238"; +} +.fa-subway:before { + content: "\f239"; +} +.fa-medium:before { + content: "\f23a"; +} +.fa-yc:before, +.fa-y-combinator:before { + content: "\f23b"; +} +.fa-optin-monster:before { + content: "\f23c"; +} +.fa-opencart:before { + content: "\f23d"; +} +.fa-expeditedssl:before { + content: "\f23e"; +} +.fa-battery-4:before, +.fa-battery:before, +.fa-battery-full:before { + content: "\f240"; +} +.fa-battery-3:before, +.fa-battery-three-quarters:before { + content: "\f241"; +} +.fa-battery-2:before, +.fa-battery-half:before { + content: "\f242"; +} +.fa-battery-1:before, +.fa-battery-quarter:before { + content: "\f243"; +} +.fa-battery-0:before, +.fa-battery-empty:before { + content: "\f244"; +} +.fa-mouse-pointer:before { + content: "\f245"; +} +.fa-i-cursor:before { + content: "\f246"; +} +.fa-object-group:before { + content: "\f247"; +} +.fa-object-ungroup:before { + content: "\f248"; +} +.fa-sticky-note:before { + content: "\f249"; +} +.fa-sticky-note-o:before { + content: "\f24a"; +} +.fa-cc-jcb:before { + content: "\f24b"; +} +.fa-cc-diners-club:before { + content: "\f24c"; +} +.fa-clone:before { + content: "\f24d"; +} +.fa-balance-scale:before { + content: "\f24e"; +} +.fa-hourglass-o:before { + content: "\f250"; +} +.fa-hourglass-1:before, +.fa-hourglass-start:before { + content: "\f251"; +} +.fa-hourglass-2:before, +.fa-hourglass-half:before { + content: "\f252"; +} +.fa-hourglass-3:before, +.fa-hourglass-end:before { + content: "\f253"; +} +.fa-hourglass:before { + content: "\f254"; +} +.fa-hand-grab-o:before, +.fa-hand-rock-o:before { + content: "\f255"; +} +.fa-hand-stop-o:before, +.fa-hand-paper-o:before { + content: "\f256"; +} +.fa-hand-scissors-o:before { + content: "\f257"; +} +.fa-hand-lizard-o:before { + content: "\f258"; +} +.fa-hand-spock-o:before { + content: "\f259"; +} +.fa-hand-pointer-o:before { + content: "\f25a"; +} +.fa-hand-peace-o:before { + content: "\f25b"; +} +.fa-trademark:before { + content: "\f25c"; +} +.fa-registered:before { + content: "\f25d"; +} +.fa-creative-commons:before { + content: "\f25e"; +} +.fa-gg:before { + content: "\f260"; +} +.fa-gg-circle:before { + content: "\f261"; +} +.fa-tripadvisor:before { + content: "\f262"; +} +.fa-odnoklassniki:before { + content: "\f263"; +} +.fa-odnoklassniki-square:before { + content: "\f264"; +} +.fa-get-pocket:before { + content: "\f265"; +} +.fa-wikipedia-w:before { + content: "\f266"; +} +.fa-safari:before { + content: "\f267"; +} +.fa-chrome:before { + content: "\f268"; +} +.fa-firefox:before { + content: "\f269"; +} +.fa-opera:before { + content: "\f26a"; +} +.fa-internet-explorer:before { + content: "\f26b"; +} +.fa-tv:before, +.fa-television:before { + content: "\f26c"; +} +.fa-contao:before { + content: "\f26d"; +} +.fa-500px:before { + content: "\f26e"; +} +.fa-amazon:before { + content: "\f270"; +} +.fa-calendar-plus-o:before { + content: "\f271"; +} +.fa-calendar-minus-o:before { + content: "\f272"; +} +.fa-calendar-times-o:before { + content: "\f273"; +} +.fa-calendar-check-o:before { + content: "\f274"; +} +.fa-industry:before { + content: "\f275"; +} +.fa-map-pin:before { + content: "\f276"; +} +.fa-map-signs:before { + content: "\f277"; +} +.fa-map-o:before { + content: "\f278"; +} +.fa-map:before { + content: "\f279"; +} +.fa-commenting:before { + content: "\f27a"; +} +.fa-commenting-o:before { + content: "\f27b"; +} +.fa-houzz:before { + content: "\f27c"; +} +.fa-vimeo:before { + content: "\f27d"; +} +.fa-black-tie:before { + content: "\f27e"; +} +.fa-fonticons:before { + content: "\f280"; +} +.fa-reddit-alien:before { + content: "\f281"; +} +.fa-edge:before { + content: "\f282"; +} +.fa-credit-card-alt:before { + content: "\f283"; +} +.fa-codiepie:before { + content: "\f284"; +} +.fa-modx:before { + content: "\f285"; +} +.fa-fort-awesome:before { + content: "\f286"; +} +.fa-usb:before { + content: "\f287"; +} +.fa-product-hunt:before { + content: "\f288"; +} +.fa-mixcloud:before { + content: "\f289"; +} +.fa-scribd:before { + content: "\f28a"; +} +.fa-pause-circle:before { + content: "\f28b"; +} +.fa-pause-circle-o:before { + content: "\f28c"; +} +.fa-stop-circle:before { + content: "\f28d"; +} +.fa-stop-circle-o:before { + content: "\f28e"; +} +.fa-shopping-bag:before { + content: "\f290"; +} +.fa-shopping-basket:before { + content: "\f291"; +} +.fa-hashtag:before { + content: "\f292"; +} +.fa-bluetooth:before { + content: "\f293"; +} +.fa-bluetooth-b:before { + content: "\f294"; +} +.fa-percent:before { + content: "\f295"; +} +.fa-gitlab:before { + content: "\f296"; +} +.fa-wpbeginner:before { + content: "\f297"; +} +.fa-wpforms:before { + content: "\f298"; +} +.fa-envira:before { + content: "\f299"; +} +.fa-universal-access:before { + content: "\f29a"; +} +.fa-wheelchair-alt:before { + content: "\f29b"; +} +.fa-question-circle-o:before { + content: "\f29c"; +} +.fa-blind:before { + content: "\f29d"; +} +.fa-audio-description:before { + content: "\f29e"; +} +.fa-volume-control-phone:before { + content: "\f2a0"; +} +.fa-braille:before { + content: "\f2a1"; +} +.fa-assistive-listening-systems:before { + content: "\f2a2"; +} +.fa-asl-interpreting:before, +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; +} +.fa-deafness:before, +.fa-hard-of-hearing:before, +.fa-deaf:before { + content: "\f2a4"; +} +.fa-glide:before { + content: "\f2a5"; +} +.fa-glide-g:before { + content: "\f2a6"; +} +.fa-signing:before, +.fa-sign-language:before { + content: "\f2a7"; +} +.fa-low-vision:before { + content: "\f2a8"; +} +.fa-viadeo:before { + content: "\f2a9"; +} +.fa-viadeo-square:before { + content: "\f2aa"; +} +.fa-snapchat:before { + content: "\f2ab"; +} +.fa-snapchat-ghost:before { + content: "\f2ac"; +} +.fa-snapchat-square:before { + content: "\f2ad"; +} +.fa-pied-piper:before { + content: "\f2ae"; +} +.fa-first-order:before { + content: "\f2b0"; +} +.fa-yoast:before { + content: "\f2b1"; +} +.fa-themeisle:before { + content: "\f2b2"; +} +.fa-google-plus-circle:before, +.fa-google-plus-official:before { + content: "\f2b3"; +} +.fa-fa:before, +.fa-font-awesome:before { + content: "\f2b4"; +} +.fa-handshake-o:before { + content: "\f2b5"; +} +.fa-envelope-open:before { + content: "\f2b6"; +} +.fa-envelope-open-o:before { + content: "\f2b7"; +} +.fa-linode:before { + content: "\f2b8"; +} +.fa-address-book:before { + content: "\f2b9"; +} +.fa-address-book-o:before { + content: "\f2ba"; +} +.fa-vcard:before, +.fa-address-card:before { + content: "\f2bb"; +} +.fa-vcard-o:before, +.fa-address-card-o:before { + content: "\f2bc"; +} +.fa-user-circle:before { + content: "\f2bd"; +} +.fa-user-circle-o:before { + content: "\f2be"; +} +.fa-user-o:before { + content: "\f2c0"; +} +.fa-id-badge:before { + content: "\f2c1"; +} +.fa-drivers-license:before, +.fa-id-card:before { + content: "\f2c2"; +} +.fa-drivers-license-o:before, +.fa-id-card-o:before { + content: "\f2c3"; +} +.fa-quora:before { + content: "\f2c4"; +} +.fa-free-code-camp:before { + content: "\f2c5"; +} +.fa-telegram:before { + content: "\f2c6"; +} +.fa-thermometer-4:before, +.fa-thermometer:before, +.fa-thermometer-full:before { + content: "\f2c7"; +} +.fa-thermometer-3:before, +.fa-thermometer-three-quarters:before { + content: "\f2c8"; +} +.fa-thermometer-2:before, +.fa-thermometer-half:before { + content: "\f2c9"; +} +.fa-thermometer-1:before, +.fa-thermometer-quarter:before { + content: "\f2ca"; +} +.fa-thermometer-0:before, +.fa-thermometer-empty:before { + content: "\f2cb"; +} +.fa-shower:before { + content: "\f2cc"; +} +.fa-bathtub:before, +.fa-s15:before, +.fa-bath:before { + content: "\f2cd"; +} +.fa-podcast:before { + content: "\f2ce"; +} +.fa-window-maximize:before { + content: "\f2d0"; +} +.fa-window-minimize:before { + content: "\f2d1"; +} +.fa-window-restore:before { + content: "\f2d2"; +} +.fa-times-rectangle:before, +.fa-window-close:before { + content: "\f2d3"; +} +.fa-times-rectangle-o:before, +.fa-window-close-o:before { + content: "\f2d4"; +} +.fa-bandcamp:before { + content: "\f2d5"; +} +.fa-grav:before { + content: "\f2d6"; +} +.fa-etsy:before { + content: "\f2d7"; +} +.fa-imdb:before { + content: "\f2d8"; +} +.fa-ravelry:before { + content: "\f2d9"; +} +.fa-eercast:before { + content: "\f2da"; +} +.fa-microchip:before { + content: "\f2db"; +} +.fa-snowflake-o:before { + content: "\f2dc"; +} +.fa-superpowers:before { + content: "\f2dd"; +} +.fa-wpexplorer:before { + content: "\f2de"; +} +.fa-meetup:before { + content: "\f2e0"; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html { + font-size: 10px; + -webkit-tap-highlight-color: transparent; +} +body { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 16px; + line-height: 1.5; + color: #333333; + background-color: #ffffff; +} +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +a { + color: #368ccb; + text-decoration: none; +} +a:hover, +a:focus { + color: #005596; + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +figure { + margin: 0; +} +img { + vertical-align: middle; +} +.img-responsive, +.thumbnail > img, +.thumbnail a > img, +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; +} +.img-rounded { + border-radius: 6px; +} +.img-thumbnail { + padding: 4px; + line-height: 1.5; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; +} +.img-circle { + border-radius: 50%; +} +hr { + margin-top: 24px; + margin-bottom: 24px; + border: 0; + border-top: 1px solid #eeeeee; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-weight: 300; + line-height: 1.1; + color: inherit; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small, +h1 .small, +h2 .small, +h3 .small, +h4 .small, +h5 .small, +h6 .small, +.h1 .small, +.h2 .small, +.h3 .small, +.h4 .small, +.h5 .small, +.h6 .small { + font-weight: normal; + line-height: 1; + color: #999999; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 24px; + margin-bottom: 12px; +} +h1 small, +.h1 small, +h2 small, +.h2 small, +h3 small, +.h3 small, +h1 .small, +.h1 .small, +h2 .small, +.h2 .small, +h3 .small, +.h3 .small { + font-size: 65%; +} +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-top: 12px; + margin-bottom: 12px; +} +h4 small, +.h4 small, +h5 small, +.h5 small, +h6 small, +.h6 small, +h4 .small, +.h4 .small, +h5 .small, +.h5 .small, +h6 .small, +.h6 .small { + font-size: 75%; +} +h1, +.h1 { + font-size: 41px; +} +h2, +.h2 { + font-size: 30px; +} +h3, +.h3 { + font-size: 24px; +} +h4, +.h4 { + font-size: 18px; +} +h5, +.h5 { + font-size: 16px; +} +h6, +.h6 { + font-size: 12px; +} +p { + margin: 0 0 12px; +} +.lead { + margin-bottom: 24px; + font-size: 18px; + font-weight: 300; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 24px; + } +} +small, +.small { + font-size: 81%; +} +mark, +.mark { + background-color: #eeeeee; + padding: 0.2em; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} +.text-nowrap { + white-space: nowrap; +} +.text-lowercase { + text-transform: lowercase; +} +.text-uppercase { + text-transform: uppercase; +} +.text-capitalize { + text-transform: capitalize; +} +.text-muted { + color: #999999; +} +.text-primary { + color: #368ccb; +} +a.text-primary:hover { + color: #2a70a4; +} +.text-success { + color: #3c763d; +} +a.text-success:hover { + color: #2b542c; +} +.text-info { + color: #388090; +} +a.text-info:hover { + color: #2a5f6b; +} +.text-warning { + color: #eea342; +} +a.text-warning:hover { + color: #e88c15; +} +.text-danger { + color: #a94442; +} +a.text-danger:hover { + color: #843534; +} +.bg-primary { + color: #ffffff; + background-color: #368ccb; +} +a.bg-primary:hover { + background-color: #2a70a4; +} +.bg-success { + background-color: #eeeeee; +} +a.bg-success:hover { + background-color: #d5d5d5; +} +.bg-info { + background-color: #eeeeee; +} +a.bg-info:hover { + background-color: #d5d5d5; +} +.bg-warning { + background-color: #eeeeee; +} +a.bg-warning:hover { + background-color: #d5d5d5; +} +.bg-danger { + background-color: #eeeeee; +} +a.bg-danger:hover { + background-color: #d5d5d5; +} +.page-header { + padding-bottom: 11px; + margin: 48px 0 24px; + border-bottom: 1px solid #eeeeee; +} +ul, +ol { + margin-top: 0; + margin-bottom: 12px; +} +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; +} +.list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} +dl { + margin-top: 0; + margin-bottom: 24px; +} +dt, +dd { + line-height: 1.5; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 12px 24px; + margin: 0 0 24px; + font-size: 14.4px; + border-left: 5px solid #eeeeee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.5; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right; +} +.blockquote-reverse footer:before, +blockquote.pull-right footer:before, +.blockquote-reverse small:before, +blockquote.pull-right small:before, +.blockquote-reverse .small:before, +blockquote.pull-right .small:before { + content: ''; +} +.blockquote-reverse footer:after, +blockquote.pull-right footer:after, +.blockquote-reverse small:after, +blockquote.pull-right small:after, +.blockquote-reverse .small:after, +blockquote.pull-right .small:after { + content: '\00A0 \2014'; +} +address { + margin-bottom: 24px; + font-style: normal; + line-height: 1.5; +} +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +code { + padding: 2px 4px; + font-size: 90%; + color: #d61e57; + background-color: #f2f2f2; + border-radius: 4px; +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: #ffffff; + background-color: #333333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + box-shadow: none; +} +pre { + display: block; + padding: 11.5px; + margin: 0 0 12px; + font-size: 15px; + line-height: 1.5; + word-break: break-all; + word-wrap: break-word; + color: #585858; + background-color: #f2f2f2; + border: 1px solid #dddddd; + border-radius: 4px; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +@media (min-width: 768px) { + .container { + width: 750px; + } +} +@media (min-width: 992px) { + .container { + width: 970px; + } +} +@media (min-width: 1200px) { + .container { + width: 1170px; + } +} +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +.row { + margin-left: -15px; + margin-right: -15px; +} +.col-xs-1, +.col-sm-1, +.col-md-1, +.col-lg-1, +.col-xs-2, +.col-sm-2, +.col-md-2, +.col-lg-2, +.col-xs-3, +.col-sm-3, +.col-md-3, +.col-lg-3, +.col-xs-4, +.col-sm-4, +.col-md-4, +.col-lg-4, +.col-xs-5, +.col-sm-5, +.col-md-5, +.col-lg-5, +.col-xs-6, +.col-sm-6, +.col-md-6, +.col-lg-6, +.col-xs-7, +.col-sm-7, +.col-md-7, +.col-lg-7, +.col-xs-8, +.col-sm-8, +.col-md-8, +.col-lg-8, +.col-xs-9, +.col-sm-9, +.col-md-9, +.col-lg-9, +.col-xs-10, +.col-sm-10, +.col-md-10, +.col-lg-10, +.col-xs-11, +.col-sm-11, +.col-md-11, +.col-lg-11, +.col-xs-12, +.col-sm-12, +.col-md-12, +.col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} +.col-xs-1, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.col-xs-10, +.col-xs-11, +.col-xs-12 { + float: left; +} +.col-xs-12 { + width: 100%; +} +.col-xs-11 { + width: 91.66666667%; +} +.col-xs-10 { + width: 83.33333333%; +} +.col-xs-9 { + width: 75%; +} +.col-xs-8 { + width: 66.66666667%; +} +.col-xs-7 { + width: 58.33333333%; +} +.col-xs-6 { + width: 50%; +} +.col-xs-5 { + width: 41.66666667%; +} +.col-xs-4 { + width: 33.33333333%; +} +.col-xs-3 { + width: 25%; +} +.col-xs-2 { + width: 16.66666667%; +} +.col-xs-1 { + width: 8.33333333%; +} +.col-xs-pull-12 { + right: 100%; +} +.col-xs-pull-11 { + right: 91.66666667%; +} +.col-xs-pull-10 { + right: 83.33333333%; +} +.col-xs-pull-9 { + right: 75%; +} +.col-xs-pull-8 { + right: 66.66666667%; +} +.col-xs-pull-7 { + right: 58.33333333%; +} +.col-xs-pull-6 { + right: 50%; +} +.col-xs-pull-5 { + right: 41.66666667%; +} +.col-xs-pull-4 { + right: 33.33333333%; +} +.col-xs-pull-3 { + right: 25%; +} +.col-xs-pull-2 { + right: 16.66666667%; +} +.col-xs-pull-1 { + right: 8.33333333%; +} +.col-xs-pull-0 { + right: auto; +} +.col-xs-push-12 { + left: 100%; +} +.col-xs-push-11 { + left: 91.66666667%; +} +.col-xs-push-10 { + left: 83.33333333%; +} +.col-xs-push-9 { + left: 75%; +} +.col-xs-push-8 { + left: 66.66666667%; +} +.col-xs-push-7 { + left: 58.33333333%; +} +.col-xs-push-6 { + left: 50%; +} +.col-xs-push-5 { + left: 41.66666667%; +} +.col-xs-push-4 { + left: 33.33333333%; +} +.col-xs-push-3 { + left: 25%; +} +.col-xs-push-2 { + left: 16.66666667%; +} +.col-xs-push-1 { + left: 8.33333333%; +} +.col-xs-push-0 { + left: auto; +} +.col-xs-offset-12 { + margin-left: 100%; +} +.col-xs-offset-11 { + margin-left: 91.66666667%; +} +.col-xs-offset-10 { + margin-left: 83.33333333%; +} +.col-xs-offset-9 { + margin-left: 75%; +} +.col-xs-offset-8 { + margin-left: 66.66666667%; +} +.col-xs-offset-7 { + margin-left: 58.33333333%; +} +.col-xs-offset-6 { + margin-left: 50%; +} +.col-xs-offset-5 { + margin-left: 41.66666667%; +} +.col-xs-offset-4 { + margin-left: 33.33333333%; +} +.col-xs-offset-3 { + margin-left: 25%; +} +.col-xs-offset-2 { + margin-left: 16.66666667%; +} +.col-xs-offset-1 { + margin-left: 8.33333333%; +} +.col-xs-offset-0 { + margin-left: 0%; +} +@media (min-width: 768px) { + .col-sm-1, + .col-sm-2, + .col-sm-3, + .col-sm-4, + .col-sm-5, + .col-sm-6, + .col-sm-7, + .col-sm-8, + .col-sm-9, + .col-sm-10, + .col-sm-11, + .col-sm-12 { + float: left; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666667%; + } + .col-sm-10 { + width: 83.33333333%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666667%; + } + .col-sm-7 { + width: 58.33333333%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666667%; + } + .col-sm-4 { + width: 33.33333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.66666667%; + } + .col-sm-1 { + width: 8.33333333%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-pull-11 { + right: 91.66666667%; + } + .col-sm-pull-10 { + right: 83.33333333%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-8 { + right: 66.66666667%; + } + .col-sm-pull-7 { + right: 58.33333333%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-5 { + right: 41.66666667%; + } + .col-sm-pull-4 { + right: 33.33333333%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-2 { + right: 16.66666667%; + } + .col-sm-pull-1 { + right: 8.33333333%; + } + .col-sm-pull-0 { + right: auto; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-push-11 { + left: 91.66666667%; + } + .col-sm-push-10 { + left: 83.33333333%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-8 { + left: 66.66666667%; + } + .col-sm-push-7 { + left: 58.33333333%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-5 { + left: 41.66666667%; + } + .col-sm-push-4 { + left: 33.33333333%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-2 { + left: 16.66666667%; + } + .col-sm-push-1 { + left: 8.33333333%; + } + .col-sm-push-0 { + left: auto; + } + .col-sm-offset-12 { + margin-left: 100%; + } + .col-sm-offset-11 { + margin-left: 91.66666667%; + } + .col-sm-offset-10 { + margin-left: 83.33333333%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-8 { + margin-left: 66.66666667%; + } + .col-sm-offset-7 { + margin-left: 58.33333333%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-5 { + margin-left: 41.66666667%; + } + .col-sm-offset-4 { + margin-left: 33.33333333%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-2 { + margin-left: 16.66666667%; + } + .col-sm-offset-1 { + margin-left: 8.33333333%; + } + .col-sm-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 992px) { + .col-md-1, + .col-md-2, + .col-md-3, + .col-md-4, + .col-md-5, + .col-md-6, + .col-md-7, + .col-md-8, + .col-md-9, + .col-md-10, + .col-md-11, + .col-md-12 { + float: left; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-pull-11 { + right: 91.66666667%; + } + .col-md-pull-10 { + right: 83.33333333%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-8 { + right: 66.66666667%; + } + .col-md-pull-7 { + right: 58.33333333%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-5 { + right: 41.66666667%; + } + .col-md-pull-4 { + right: 33.33333333%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-2 { + right: 16.66666667%; + } + .col-md-pull-1 { + right: 8.33333333%; + } + .col-md-pull-0 { + right: auto; + } + .col-md-push-12 { + left: 100%; + } + .col-md-push-11 { + left: 91.66666667%; + } + .col-md-push-10 { + left: 83.33333333%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-8 { + left: 66.66666667%; + } + .col-md-push-7 { + left: 58.33333333%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-5 { + left: 41.66666667%; + } + .col-md-push-4 { + left: 33.33333333%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-2 { + left: 16.66666667%; + } + .col-md-push-1 { + left: 8.33333333%; + } + .col-md-push-0 { + left: auto; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-11 { + margin-left: 91.66666667%; + } + .col-md-offset-10 { + margin-left: 83.33333333%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-8 { + margin-left: 66.66666667%; + } + .col-md-offset-7 { + margin-left: 58.33333333%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-5 { + margin-left: 41.66666667%; + } + .col-md-offset-4 { + margin-left: 33.33333333%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-2 { + margin-left: 16.66666667%; + } + .col-md-offset-1 { + margin-left: 8.33333333%; + } + .col-md-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 1200px) { + .col-lg-1, + .col-lg-2, + .col-lg-3, + .col-lg-4, + .col-lg-5, + .col-lg-6, + .col-lg-7, + .col-lg-8, + .col-lg-9, + .col-lg-10, + .col-lg-11, + .col-lg-12 { + float: left; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666667%; + } + .col-lg-10 { + width: 83.33333333%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666667%; + } + .col-lg-7 { + width: 58.33333333%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666667%; + } + .col-lg-4 { + width: 33.33333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.66666667%; + } + .col-lg-1 { + width: 8.33333333%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-pull-11 { + right: 91.66666667%; + } + .col-lg-pull-10 { + right: 83.33333333%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-8 { + right: 66.66666667%; + } + .col-lg-pull-7 { + right: 58.33333333%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-5 { + right: 41.66666667%; + } + .col-lg-pull-4 { + right: 33.33333333%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-2 { + right: 16.66666667%; + } + .col-lg-pull-1 { + right: 8.33333333%; + } + .col-lg-pull-0 { + right: auto; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-push-11 { + left: 91.66666667%; + } + .col-lg-push-10 { + left: 83.33333333%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-8 { + left: 66.66666667%; + } + .col-lg-push-7 { + left: 58.33333333%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-5 { + left: 41.66666667%; + } + .col-lg-push-4 { + left: 33.33333333%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-2 { + left: 16.66666667%; + } + .col-lg-push-1 { + left: 8.33333333%; + } + .col-lg-push-0 { + left: auto; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-11 { + margin-left: 91.66666667%; + } + .col-lg-offset-10 { + margin-left: 83.33333333%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-8 { + margin-left: 66.66666667%; + } + .col-lg-offset-7 { + margin-left: 58.33333333%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-5 { + margin-left: 41.66666667%; + } + .col-lg-offset-4 { + margin-left: 33.33333333%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-2 { + margin-left: 16.66666667%; + } + .col-lg-offset-1 { + margin-left: 8.33333333%; + } + .col-lg-offset-0 { + margin-left: 0%; + } +} +table { + background-color: transparent; +} +caption { + padding-top: 8px; + padding-bottom: 8px; + color: #999999; + text-align: left; +} +th { + text-align: left; +} +.table { + width: 100%; + max-width: 100%; + margin-bottom: 24px; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 8px; + line-height: 1.5; + vertical-align: top; + border-top: 1px solid #dddddd; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #dddddd; +} +.table > caption + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > th, +.table > thead:first-child > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #dddddd; +} +.table .table { + background-color: #ffffff; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 5px; +} +.table-bordered { + border: 1px solid #dddddd; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #dddddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} +.table-striped > tbody > tr:nth-child(odd) { + background-color: #f9f9f9; +} +.table-hover > tbody > tr:hover { + background-color: #f2f2f2; +} +table col[class*="col-"] { + position: static; + float: none; + display: table-column; +} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background-color: #f2f2f2; +} +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr:hover > .active, +.table-hover > tbody > tr.active:hover > th { + background-color: #e5e5e5; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background-color: #eeeeee; +} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr:hover > .success, +.table-hover > tbody > tr.success:hover > th { + background-color: #e1e1e1; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background-color: #eeeeee; +} +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr:hover > .info, +.table-hover > tbody > tr.info:hover > th { + background-color: #e1e1e1; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background-color: #eeeeee; +} +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr:hover > .warning, +.table-hover > tbody > tr.warning:hover > th { + background-color: #e1e1e1; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background-color: #eeeeee; +} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr:hover > .danger, +.table-hover > tbody > tr.danger:hover > th { + background-color: #e1e1e1; +} +.table-responsive { + overflow-x: auto; + min-height: 0.01%; +} +@media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 18px; + overflow-y: hidden; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #dddddd; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 24px; + font-size: 24px; + line-height: inherit; + color: #585858; + border: 0; + border-bottom: 1px solid #eeeeee; +} +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: bold; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; +} +input[type="file"] { + display: block; +} +input[type="range"] { + display: block; + width: 100%; +} +select[multiple], +select[size] { + height: auto; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +output { + display: block; + padding-top: 7px; + font-size: 16px; + line-height: 1.5; + color: #555555; +} +.form-control { + display: block; + width: 100%; + height: 38px; + padding: 6px 12px; + font-size: 16px; + line-height: 1.5; + color: #555555; + background-color: #ffffff; + background-image: none; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); +} +.form-control::-moz-placeholder { + color: #999999; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #999999; +} +.form-control::-webkit-input-placeholder { + color: #999999; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; +} +textarea.form-control { + height: auto; +} +input[type="search"] { + -webkit-appearance: none; +} +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"], + input[type="time"], + input[type="datetime-local"], + input[type="month"] { + line-height: 38px; + } + input[type="date"].input-sm, + input[type="time"].input-sm, + input[type="datetime-local"].input-sm, + input[type="month"].input-sm { + line-height: 31px; + } + input[type="date"].input-lg, + input[type="time"].input-lg, + input[type="datetime-local"].input-lg, + input[type="month"].input-lg { + line-height: 49px; + } +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; +} +.radio label, +.checkbox label { + min-height: 24px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; +} +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; +} +.form-control-static { + padding-top: 7px; + padding-bottom: 7px; + margin-bottom: 0; +} +.form-control-static.input-lg, +.form-control-static.input-sm { + padding-left: 0; + padding-right: 0; +} +.input-sm, +.form-group-sm .form-control { + height: 31px; + padding: 5px 10px; + font-size: 13px; + line-height: 1.5; + border-radius: 3px; +} +select.input-sm, +select.form-group-sm .form-control { + height: 31px; + line-height: 31px; +} +textarea.input-sm, +textarea.form-group-sm .form-control, +select[multiple].input-sm, +select[multiple].form-group-sm .form-control { + height: auto; +} +.input-lg, +.form-group-lg .form-control { + height: 49px; + padding: 10px 16px; + font-size: 20px; + line-height: 1.33; + border-radius: 6px; +} +select.input-lg, +select.form-group-lg .form-control { + height: 49px; + line-height: 49px; +} +textarea.input-lg, +textarea.form-group-lg .form-control, +select[multiple].input-lg, +select[multiple].form-group-lg .form-control { + height: auto; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 47.5px; +} +.form-control-feedback { + position: absolute; + top: 0; + right: 0; + z-index: 2; + display: block; + width: 38px; + height: 38px; + line-height: 38px; + text-align: center; + pointer-events: none; +} +.input-lg + .form-control-feedback { + width: 49px; + height: 49px; + line-height: 49px; +} +.input-sm + .form-control-feedback { + width: 31px; + height: 31px; + line-height: 31px; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #3c763d; +} +.has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; +} +.has-success .input-group-addon { + color: #3c763d; + border-color: #3c763d; + background-color: #eeeeee; +} +.has-success .form-control-feedback { + color: #3c763d; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #eea342; +} +.has-warning .form-control { + border-color: #eea342; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control:focus { + border-color: #e88c15; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f6d1a0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f6d1a0; +} +.has-warning .input-group-addon { + color: #eea342; + border-color: #eea342; + background-color: #eeeeee; +} +.has-warning .form-control-feedback { + color: #eea342; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #a94442; +} +.has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; +} +.has-error .input-group-addon { + color: #a94442; + border-color: #a94442; + background-color: #eeeeee; +} +.has-error .form-control-feedback { + color: #a94442; +} +.has-feedback label ~ .form-control-feedback { + top: 29px; +} +.has-feedback label.sr-only ~ .form-control-feedback { + top: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #dddddd; +} +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-static { + display: inline-block; + } + .form-inline .input-group { + display: inline-table; + vertical-align: middle; + } + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control { + width: auto; + } + .form-inline .input-group > .form-control { + width: 100%; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 31px; +} +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + margin-bottom: 0; + padding-top: 7px; + } +} +.form-horizontal .has-feedback .form-control-feedback { + right: 15px; +} +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 14.3px; + } +} +@media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 6px; + } +} +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 16px; + line-height: 1.5; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus, +.btn.focus, +.btn:active.focus, +.btn.active.focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, +.btn:focus, +.btn.focus { + color: #333333; + text-decoration: none; +} +.btn:active, +.btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-default { + color: #333333; + background-color: #ffffff; + border-color: #dddddd; +} +.btn-default:hover, +.btn-default:focus, +.btn-default.focus, +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + color: #333333; + background-color: #e6e6e6; + border-color: #bebebe; +} +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled.focus, +.btn-default[disabled].focus, +fieldset[disabled] .btn-default.focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #ffffff; + border-color: #dddddd; +} +.btn-default .badge { + color: #eeeeee; + background-color: #333333; +} +.btn-primary { + color: #ffffff; + background-color: #368ccb; + border-color: #307eb8; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary.focus, +.btn-primary:active, +.btn-primary.active, +.open > .dropdown-toggle.btn-primary { + color: #ffffff; + background-color: #2a70a4; + border-color: #235d87; +} +.btn-primary:active, +.btn-primary.active, +.open > .dropdown-toggle.btn-primary { + background-image: none; +} +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled.focus, +.btn-primary[disabled].focus, +fieldset[disabled] .btn-primary.focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #368ccb; + border-color: #307eb8; +} +.btn-primary .badge { + color: #eeeeee; + background-color: #ffffff; +} +.btn-success { + color: #ffffff; + background-color: #44af69; + border-color: #3d9d5e; +} +.btn-success:hover, +.btn-success:focus, +.btn-success.focus, +.btn-success:active, +.btn-success.active, +.open > .dropdown-toggle.btn-success { + color: #ffffff; + background-color: #368a53; + border-color: #2c7144; +} +.btn-success:active, +.btn-success.active, +.open > .dropdown-toggle.btn-success { + background-image: none; +} +.btn-success.disabled, +.btn-success[disabled], +fieldset[disabled] .btn-success, +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled.focus, +.btn-success[disabled].focus, +fieldset[disabled] .btn-success.focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #44af69; + border-color: #3d9d5e; +} +.btn-success .badge { + color: #eeeeee; + background-color: #ffffff; +} +.btn-info { + color: #ffffff; + background-color: #84c2ea; + border-color: #6eb7e6; +} +.btn-info:hover, +.btn-info:focus, +.btn-info.focus, +.btn-info:active, +.btn-info.active, +.open > .dropdown-toggle.btn-info { + color: #ffffff; + background-color: #58ace3; + border-color: #3a9ddd; +} +.btn-info:active, +.btn-info.active, +.open > .dropdown-toggle.btn-info { + background-image: none; +} +.btn-info.disabled, +.btn-info[disabled], +fieldset[disabled] .btn-info, +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled.focus, +.btn-info[disabled].focus, +fieldset[disabled] .btn-info.focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #84c2ea; + border-color: #6eb7e6; +} +.btn-info .badge { + color: #eeeeee; + background-color: #ffffff; +} +.btn-warning { + color: #ffffff; + background-color: #eea342; + border-color: #ec982b; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning.focus, +.btn-warning:active, +.btn-warning.active, +.open > .dropdown-toggle.btn-warning { + color: #ffffff; + background-color: #e88c15; + border-color: #c77812; +} +.btn-warning:active, +.btn-warning.active, +.open > .dropdown-toggle.btn-warning { + background-image: none; +} +.btn-warning.disabled, +.btn-warning[disabled], +fieldset[disabled] .btn-warning, +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled.focus, +.btn-warning[disabled].focus, +fieldset[disabled] .btn-warning.focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #eea342; + border-color: #ec982b; +} +.btn-warning .badge { + color: #eeeeee; + background-color: #ffffff; +} +.btn-danger { + color: #ffffff; + background-color: #e65e30; + border-color: #e14d1b; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger.focus, +.btn-danger:active, +.btn-danger.active, +.open > .dropdown-toggle.btn-danger { + color: #ffffff; + background-color: #cb4518; + border-color: #ab3b15; +} +.btn-danger:active, +.btn-danger.active, +.open > .dropdown-toggle.btn-danger { + background-image: none; +} +.btn-danger.disabled, +.btn-danger[disabled], +fieldset[disabled] .btn-danger, +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled.focus, +.btn-danger[disabled].focus, +fieldset[disabled] .btn-danger.focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #e65e30; + border-color: #e14d1b; +} +.btn-danger .badge { + color: #eeeeee; + background-color: #ffffff; +} +.btn-link { + color: #368ccb; + font-weight: normal; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link.active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus { + color: #25628f; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #999999; + text-decoration: none; +} +.btn-lg, +.btn-group-lg > .btn { + padding: 10px 16px; + font-size: 20px; + line-height: 1.33; + border-radius: 6px; +} +.btn-sm, +.btn-group-sm > .btn { + padding: 5px 10px; + font-size: 13px; + line-height: 1.5; + border-radius: 3px; +} +.btn-xs, +.btn-group-xs > .btn { + padding: 1px 5px; + font-size: 13px; + line-height: 1.5; + border-radius: 3px; +} +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + display: none; + visibility: hidden; +} +.collapse.in { + display: block; + visibility: visible; +} +tr.collapse.in { + display: table-row; +} +tbody.collapse.in { + display: table-row-group; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition-property: height, visibility; + transition-property: height, visibility; + -webkit-transition-duration: 0.35s; + transition-duration: 0.35s; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} +.dropdown { + position: relative; +} +.dropdown-toggle:focus { + outline: 0; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 16px; + text-align: left; + background-color: #ffffff; + border: 1px solid #dddddd; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 11px 0; + overflow: hidden; + background-color: #eeeeee; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.5; + color: #585858; + white-space: nowrap; +} +.dropdown-menu > li > a { + cursor: pointer; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + text-decoration: none; + color: #333333; + background-color: #f2f2f2; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + background-color: #368ccb; +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; +} +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} +.dropdown-menu-right { + left: auto; + right: 0; +} +.dropdown-menu-left { + left: 0; + right: auto; +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 13px; + line-height: 1.5; + color: #999999; + white-space: nowrap; +} +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid; + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + left: auto; + right: 0; + } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto; + } +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; +} +.btn-toolbar { + margin-left: -5px; +} +.btn-toolbar .btn-group, +.btn-toolbar .input-group { + float: left; +} +.btn-toolbar > .btn, +.btn-toolbar > .btn-group, +.btn-toolbar > .input-group { + margin-left: 5px; +} +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} +.btn-group > .btn:first-child { + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn-group:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn .caret { + margin-left: 0; +} +.btn-lg .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} +.dropup .btn-lg .caret { + border-width: 0 5px 5px; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; +} +.btn-group-vertical > .btn-group > .btn { + float: none; +} +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; +} +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + float: none; + display: table-cell; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +.btn-group-justified > .btn-group .dropdown-menu { + left: auto; +} +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; +} +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 49px; + padding: 10px 16px; + font-size: 20px; + line-height: 1.33; + border-radius: 6px; +} +select.input-group-lg > .form-control, +select.input-group-lg > .input-group-addon, +select.input-group-lg > .input-group-btn > .btn { + height: 49px; + line-height: 49px; +} +textarea.input-group-lg > .form-control, +textarea.input-group-lg > .input-group-addon, +textarea.input-group-lg > .input-group-btn > .btn, +select[multiple].input-group-lg > .form-control, +select[multiple].input-group-lg > .input-group-addon, +select[multiple].input-group-lg > .input-group-btn > .btn { + height: auto; +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 31px; + padding: 5px 10px; + font-size: 13px; + line-height: 1.5; + border-radius: 3px; +} +select.input-group-sm > .form-control, +select.input-group-sm > .input-group-addon, +select.input-group-sm > .input-group-btn > .btn { + height: 31px; + line-height: 31px; +} +textarea.input-group-sm > .form-control, +textarea.input-group-sm > .input-group-addon, +textarea.input-group-sm > .input-group-btn > .btn, +select[multiple].input-group-sm > .form-control, +select[multiple].input-group-sm > .input-group-addon, +select[multiple].input-group-sm > .input-group-btn > .btn { + height: auto; +} +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} +.input-group-addon { + padding: 6px 12px; + font-size: 16px; + font-weight: normal; + line-height: 1; + color: #555555; + text-align: center; + background-color: #eeeeee; + border: 1px solid #dddddd; + border-radius: 4px; +} +.input-group-addon.input-sm { + padding: 5px 10px; + font-size: 13px; + border-radius: 3px; +} +.input-group-addon.input-lg { + padding: 10px 16px; + font-size: 20px; + border-radius: 6px; +} +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; +} +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.input-group-addon:last-child { + border-left: 0; +} +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; +} +.input-group-btn > .btn { + position: relative; +} +.input-group-btn > .btn + .btn { + margin-left: -1px; +} +.input-group-btn > .btn:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active { + z-index: 2; +} +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group { + margin-right: -1px; +} +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group { + margin-left: -1px; +} +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: #368ccb; +} +.nav .nav-divider { + height: 1px; + margin: 11px 0; + overflow: hidden; + background-color: #eeeeee; +} +.nav > li > a > img { + max-width: none; +} +.nav-tabs { + border-bottom: 1px solid #dddddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.5; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid #dddddd; + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #dddddd; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #dddddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 4px; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: #368ccb; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid #dddddd; +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid #dddddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content > .tab-pane { + display: none; + visibility: hidden; +} +.tab-content > .active { + display: block; + visibility: visible; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar { + position: relative; + min-height: 50px; + margin-bottom: 24px; + border: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 4px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + visibility: visible !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.navbar-fixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-device-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 13px 15px; + font-size: 20px; + line-height: 24px; + height: 50px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +.navbar-brand > img { + display: block; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 8px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} +.navbar-nav { + margin: 6.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 24px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 24px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 13px; + padding-bottom: 13px; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 6px; + margin-bottom: 6px; +} +@media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .form-control-static { + display: inline-block; + } + .navbar-form .input-group { + display: inline-table; + vertical-align: middle; + } + .navbar-form .input-group .input-group-addon, + .navbar-form .input-group .input-group-btn, + .navbar-form .input-group .form-control { + width: auto; + } + .navbar-form .input-group > .form-control { + width: 100%; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } + .navbar-form .form-group:last-child { + margin-bottom: 0; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-top-right-radius: 4px; + border-top-left-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 6px; + margin-bottom: 6px; +} +.navbar-btn.btn-sm { + margin-top: 9.5px; + margin-bottom: 9.5px; +} +.navbar-btn.btn-xs { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-text { + margin-top: 13px; + margin-bottom: 13px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left; + float: left !important; + } + .navbar-right { + float: right; + float: right !important; + margin-right: -15px; + } + .navbar-right ~ .navbar-right { + margin-right: 0; + } +} +.navbar-default { + background-color: #f9f9f9; + border-color: #dddddd; +} +.navbar-default .navbar-brand { + color: #585858; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #585858; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #585858; +} +.navbar-default .navbar-nav > li > a { + color: #585858; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #333333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #555555; + background-color: #e7edf5; +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #dddddd; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #dddddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #999999; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #dddddd; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: #e7edf5; + color: #555555; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #585858; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555555; + background-color: #e7edf5; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #dddddd; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #585858; +} +.navbar-default .navbar-link:hover { + color: #333333; +} +.navbar-default .btn-link { + color: #585858; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus { + color: #333333; +} +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:focus { + color: #dddddd; +} +.navbar-inverse { + background-color: #222; + border-color: #080808; +} +.navbar-inverse .navbar-brand { + color: #999999; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: #ffffff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #bfbfbf; +} +.navbar-inverse .navbar-nav > li > a { + color: #bfbfbf; +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: #ffffff; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: #e7edf5; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #585858; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333333; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #ffffff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #333333; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + background-color: #080808; + color: #ffffff; +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #bfbfbf; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #ffffff; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #ffffff; + background-color: #e7edf5; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #585858; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: #bfbfbf; +} +.navbar-inverse .navbar-link:hover { + color: #ffffff; +} +.navbar-inverse .btn-link { + color: #bfbfbf; +} +.navbar-inverse .btn-link:hover, +.navbar-inverse .btn-link:focus { + color: #ffffff; +} +.navbar-inverse .btn-link[disabled]:hover, +fieldset[disabled] .navbar-inverse .btn-link:hover, +.navbar-inverse .btn-link[disabled]:focus, +fieldset[disabled] .navbar-inverse .btn-link:focus { + color: #585858; +} +.label { + display: inline; + padding: 0.2em 0.6em 0.3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #ffffff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25em; +} +a.label:hover, +a.label:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} +.label-default { + background-color: #999999; +} +.label-default[href]:hover, +.label-default[href]:focus { + background-color: #808080; +} +.label-primary { + background-color: #368ccb; +} +.label-primary[href]:hover, +.label-primary[href]:focus { + background-color: #2a70a4; +} +.label-success { + background-color: #44af69; +} +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #368a53; +} +.label-info { + background-color: #84c2ea; +} +.label-info[href]:hover, +.label-info[href]:focus { + background-color: #58ace3; +} +.label-warning { + background-color: #eea342; +} +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #e88c15; +} +.label-danger { + background-color: #e65e30; +} +.label-danger[href]:hover, +.label-danger[href]:focus { + background-color: #cb4518; +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 13px; + font-weight: bold; + color: #ffffff; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: #999999; + border-radius: 10px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge { + top: 0; + padding: 1px 5px; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #368ccb; + background-color: #ffffff; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 24px; + line-height: 1.5; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-transition: border 0.2s ease-in-out; + -o-transition: border 0.2s ease-in-out; + transition: border 0.2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + margin-left: auto; + margin-right: auto; +} +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #368ccb; +} +.thumbnail .caption { + padding: 9px; + color: #333333; +} +.alert { + padding: 15px; + margin-bottom: 24px; + border: 1px solid transparent; + border-radius: 4px; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} +.alert-dismissable, +.alert-dismissible { + padding-right: 35px; +} +.alert-dismissable .close, +.alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} +.alert-success { + background-color: #eeeeee; + border-color: #e1e1e1; + color: #3c763d; +} +.alert-success hr { + border-top-color: #d4d4d4; +} +.alert-success .alert-link { + color: #2b542c; +} +.alert-info { + background-color: #eeeeee; + border-color: #dcdcdc; + color: #388090; +} +.alert-info hr { + border-top-color: #cfcfcf; +} +.alert-info .alert-link { + color: #2a5f6b; +} +.alert-warning { + background-color: #eeeeee; + border-color: #e1e1e1; + color: #eea342; +} +.alert-warning hr { + border-top-color: #d4d4d4; +} +.alert-warning .alert-link { + color: #e88c15; +} +.alert-danger { + background-color: #eeeeee; + border-color: #e1e1e1; + color: #a94442; +} +.alert-danger hr { + border-top-color: #d4d4d4; +} +.alert-danger .alert-link { + color: #843534; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + overflow: hidden; + height: 24px; + margin-bottom: 24px; + background-color: #f2f2f2; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 13px; + line-height: 24px; + color: #ffffff; + text-align: center; + background-color: #368ccb; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.progress-striped .progress-bar, +.progress-bar-striped { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +.progress.active .progress-bar, +.progress-bar.active { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-bar-success { + background-color: #44af69; +} +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-info { + background-color: #84c2ea; +} +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-warning { + background-color: #eea342; +} +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-danger { + background-color: #e65e30; +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.panel { + margin-bottom: 24px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} +.panel-body { + padding: 15px; +} +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 18px; + color: inherit; +} +.panel-title > a { + color: inherit; +} +.panel-footer { + padding: 10px 15px; + background-color: #f2f2f2; + border-top: 1px solid #dddddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel > .list-group, +.panel > .panel-collapse > .list-group { + margin-bottom: 0; +} +.panel > .list-group .list-group-item, +.panel > .panel-collapse > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group:first-child .list-group-item:first-child, +.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.panel > .list-group:last-child .list-group-item:last-child, +.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} +.list-group + .panel-footer { + border-top-width: 0; +} +.panel > .table, +.panel > .table-responsive > .table, +.panel > .panel-collapse > .table { + margin-bottom: 0; +} +.panel > .table caption, +.panel > .table-responsive > .table caption, +.panel > .panel-collapse > .table caption { + padding-left: 15px; + padding-right: 15px; +} +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 3px; +} +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 3px; +} +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive, +.panel > .table + .panel-body, +.panel > .table-responsive + .panel-body { + border-top: 1px solid #dddddd; +} +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; +} +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; +} +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; +} +.panel > .table-responsive { + border: 0; + margin-bottom: 0; +} +.panel-group { + margin-bottom: 24px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 4px; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading { + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse > .panel-body, +.panel-group .panel-heading + .panel-collapse > .list-group { + border-top: 1px solid #dddddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #dddddd; +} +.panel-default { + border-color: #dddddd; +} +.panel-default > .panel-heading { + color: #585858; + background-color: #f2f2f2; + border-color: #dddddd; +} +.panel-default > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #dddddd; +} +.panel-default > .panel-heading .badge { + color: #eeeeee; + background-color: #585858; +} +.panel-default > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #dddddd; +} +.panel-primary { + border-color: #368ccb; +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: #368ccb; + border-color: #368ccb; +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #368ccb; +} +.panel-primary > .panel-heading .badge { + color: #eeeeee; + background-color: #ffffff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #368ccb; +} +.panel-success { + border-color: #e1e1e1; +} +.panel-success > .panel-heading { + color: #3c763d; + background-color: #eeeeee; + border-color: #e1e1e1; +} +.panel-success > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #e1e1e1; +} +.panel-success > .panel-heading .badge { + color: #eeeeee; + background-color: #3c763d; +} +.panel-success > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #e1e1e1; +} +.panel-info { + border-color: #dcdcdc; +} +.panel-info > .panel-heading { + color: #388090; + background-color: #eeeeee; + border-color: #dcdcdc; +} +.panel-info > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #dcdcdc; +} +.panel-info > .panel-heading .badge { + color: #eeeeee; + background-color: #388090; +} +.panel-info > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #dcdcdc; +} +.panel-warning { + border-color: #e1e1e1; +} +.panel-warning > .panel-heading { + color: #eea342; + background-color: #eeeeee; + border-color: #e1e1e1; +} +.panel-warning > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #e1e1e1; +} +.panel-warning > .panel-heading .badge { + color: #eeeeee; + background-color: #eea342; +} +.panel-warning > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #e1e1e1; +} +.panel-danger { + border-color: #e1e1e1; +} +.panel-danger > .panel-heading { + color: #a94442; + background-color: #eeeeee; + border-color: #e1e1e1; +} +.panel-danger > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #e1e1e1; +} +.panel-danger > .panel-heading .badge { + color: #eeeeee; + background-color: #a94442; +} +.panel-danger > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #e1e1e1; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f2f2f2; + border: 1px solid #e0e0e0; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #dddddd; + border-color: rgba(0, 0, 0, 0.15); +} +.well-lg { + padding: 24px; + border-radius: 6px; +} +.well-sm { + padding: 9px; + border-radius: 3px; +} +.close { + float: right; + font-size: 24px; + font-weight: bold; + line-height: 1; + color: #000000; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover, +.close:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +.modal-open { + overflow: hidden; +} +.modal { + display: none; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + -webkit-overflow-scrolling: touch; + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + -o-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} +.modal-content { + position: relative; + background-color: #ffffff; + border: 1px solid #999999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + background-clip: padding-box; + outline: 0; +} +.modal-backdrop { + position: absolute; + top: 0; + right: 0; + left: 0; + background-color: #000000; +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.in { + opacity: 0.9; + filter: alpha(opacity=90); +} +.modal-header { + padding: 15px; + border-bottom: 1px solid #eeeeee; + min-height: 16.5px; +} +.modal-header .close { + margin-top: -2px; +} +.modal-title { + margin: 0; + line-height: 1.5; +} +.modal-body { + position: relative; + padding: 15px; +} +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #eeeeee; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} +.modal-dialog { + z-index: 1040; +} +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } + .modal-sm { + width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg { + width: 900px; + } +} +.modal-dialog { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; +} +.modal-dialog .modal-content { + width: 100%; + max-width: 40%; + min-width: 400px; +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + visibility: visible; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 13px; + font-weight: normal; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90); +} +.tooltip.top { + margin-top: -3px; + padding: 5px 0; +} +.tooltip.right { + margin-left: 3px; + padding: 0 5px; +} +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0; +} +.tooltip.left { + margin-left: -3px; + padding: 0 5px; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #000000; + border-radius: 4px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + right: 5px; + margin-bottom: -5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.top-right .tooltip-arrow { + bottom: 0; + left: 5px; + margin-bottom: -5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + right: 5px; + margin-top: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + left: 5px; + margin-top: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.popover { + position: absolute; + top: 0; + left: 14px !important; + z-index: 1060; + display: none; + padding: 1px; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 16px; + font-weight: normal; + line-height: 1.5; + text-align: left; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid #dddddd; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 18px 20px 10px; + line-height: 1.5; + font-size: 16px; + background-color: #eeeeee; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} +.popover-content { + padding: 9px 14px; +} +.popover > .arrow, +.popover > .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover > .arrow { + border-width: 11px; +} +.popover > .arrow:after { + border-width: 10px; + content: ""; +} +.popover.top > .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #aaaaaa; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top > .arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #ffffff; +} +.popover.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #aaaaaa; + border-right-color: rgba(0, 0, 0, 0.25); +} +.popover.right > .arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #ffffff; +} +.popover.bottom > .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #aaaaaa; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; +} +.popover.bottom > .arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #ffffff; +} +.popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #aaaaaa; + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left > .arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; +} +.carousel { + position: relative; +} +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + line-height: 1; +} +@media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .item { + transition: transform 0.6s ease-in-out; + backface-visibility: hidden; + perspective: 1000; + } + .carousel-inner > .item.next, + .carousel-inner > .item.active.right { + transform: translate3d(100%, 0, 0); + left: 0; + } + .carousel-inner > .item.prev, + .carousel-inner > .item.active.left { + transform: translate3d(-100%, 0, 0); + left: 0; + } + .carousel-inner > .item.next.left, + .carousel-inner > .item.prev.right, + .carousel-inner > .item.active { + transform: translate3d(0, 0, 0); + left: 0; + } +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); + font-size: 20px; + color: #ffffff; + text-align: center; +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); +} +.carousel-control.right { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); +} +.carousel-control:hover, +.carousel-control:focus { + outline: 0; + color: #ffffff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; +} +.carousel-control .icon-prev:before { + content: '\2039'; +} +.carousel-control .icon-next:before { + content: '\203a'; +} +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid #ffffff; + border-radius: 10px; + cursor: pointer; + background-color: #000000 \9; + background-color: transparent; +} +.carousel-indicators .active { + margin: 0; + width: 12px; + height: 12px; + background-color: #ffffff; +} +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .carousel-control .glyphicon-chevron-left, + .carousel-control .icon-prev { + margin-left: -15px; + } + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next { + margin-right: -15px; + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} +/* + +html, body { + height: 100%; +} + +body { + display: flex; + flex-direction: column; + height: 100vh; // Avoid the IE 10-11 `min-height` bug. +} + +.content { + flex: 1 0 auto; +} + +.nav-primary-links { + flex-shrink: 0; //prevents div from shrinking below content size +} + +.pageFooter { + flex-shrink: 0; //prevents div from shrinking below content size +} +*/ +legend { + color: inherit; +} +label { + font-weight: normal; + margin: 15px 0px 1px; +} +.has-warning .help-block, +.has-warning .control-label { + color: #e65e30; +} +.has-warning .form-control, +.has-warning .form-control:focus { + border-color: #e65e30; +} +.has-error .help-block, +.has-error .control-label { + color: #368ccb; +} +.has-error .form-control, +.has-error .form-control:focus { + border-color: #368ccb; +} +.has-success .help-block, +.has-success .control-label { + color: #44af69; +} +.has-success .form-control, +.has-success .form-control:focus { + border-color: #44af69; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: relative; + margin: 0px; +} +.accessLink { + float: left; + font-size: 14px; + font-weight: 700; + padding-bottom: 0; + padding: 4px 10px; + border-radius: 4px; + transition: all ease 0.2s; + border: solid 1px transparent; + border-radius: 4px 4px 0 0; +} +.accessLink.active { + font-weight: 400; + color: #585858; + border: solid 1px #dddddd; + border-bottom: solid 1px #ffffff; + position: relative; + top: 1px; +} +.accessLink.active:active, +.accessLink.active:focus, +.accessLink.active:hover { + background-color: transparent; +} +.accessLink:active, +.accessLink:focus, +.accessLink:hover { + text-decoration: none; + background-color: #dddddd; +} +.accessLink:nth-child(2) { + margin-left: 10px; +} +.form-row-access:before, +.form-row-access:after { + content: " "; + display: table; +} +.form-row-access:after { + clear: both; +} +.form-row-access:before, +.form-row-access:after { + content: " "; + display: table; +} +.form-row-access:after { + clear: both; +} +.form-row-access div { + float: left; + width: 98%; + position: relative; +} +@media (min-width: 550px) { + .form-row-access div { + width: 49%; + } +} +.form-row-access div:last-child { + margin-left: 0; +} +@media (min-width: 550px) { + .form-row-access div:last-child { + margin-left: 2%; + margin-top: 0; + } +} +.form-row-access div label { + position: absolute; + z-index: 50; + color: #999999; + transition: all ease 0.15s; + top: -12px; + left: 0px; + font-size: 14px; +} +.form-row-access div input, +.form-row-access div select { + margin-top: 25px; + margin-bottom: 10px; + width: 100%; + position: relative; + z-index: 100; + background-color: transparent; + display: block; + height: 34px; + border-radius: 4px; + border: solid 1px #eeeeee; + box-sizing: border-box; + padding: 0 10px; +} +.form-row-access div input[value=""] + label, +.form-row-access div select[value=""] + label { + top: 13px; + left: 10px; + font-size: 16px; +} +.form-row-access div input:focus + label, +.form-row-access div select:focus + label { + top: -14px; + left: 0px; + font-size: 14px; +} +.form-row-access .input-error { + border-color: #d61e57; +} +.form-row-access .input-error ~ ul { + list-style: none; + padding: 0 11px; + margin-top: -8px; + font-size: 13px; + color: #d61e57; + margin-bottom: 0; +} +@media (min-width: 550px) { + .form-row-access.form-full div { + width: 100%; + } + .form-row-access.form-full div:last-child { + margin-left: 0; + } +} +@media (min-width: 550px) { + .form-row-access.form-three-fields div { + width: 32%; + } + .form-row-access.form-three-fields div:nth-child(2) { + margin-left: 2%; + } +} +@media (min-width: 550px) { + .form-row-access.form-small-first div { + width: 40.5%; + } + .form-row-access.form-small-first div:nth-child(2) { + margin-left: 2%; + } + .form-row-access.form-small-first div:first-child { + width: 15%; + } +} +.stdAccess .accessScreen { + border-top: solid 1px #dddddd; +} +.stdAccess .form-errors { + margin-top: 10px; +} +.stdAccess .form-errors ul { + background-color: transparent; + border: solid 1px #d61e57; + border-radius: 4px; + color: #d61e57; +} +.stdAccess .form-errors ul li { + font-size: 16px; + padding: 10px; +} +.stdAccess .checkbox { + margin-top: 0; +} +.stdAccess .checkbox label { + margin-top: 0; + padding-left: 10px; + font-size: 14px; + color: #585858; +} +.stdAccess .btn { + width: 100%; + background-color: #368ccb; + border: solid 1px #368ccb; + text-transform: uppercase; + color: #ffffff; + font-weight: 600; + border-radius: 20px; + transition: all ease 0.2s; +} +.stdAccess .btn:hover { + background-color: #3284c0; + border: solid 1px #3284c0; + color: #ffffff; +} +.form-errors { + padding: 0; + width: 100%; +} +.form-errors ul.input-error { + padding: 0; + margin: 15px 0; + border-radius: 4px; +} +.form-errors ul.input-error a { + color: #d61e57; +} +.form-errors li { + list-style: none; + text-align: center; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 1em; + font-weight: 600; + color: #ffffff; + padding: 10px; + margin: 0; +} +body { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-weight: 1000; + font-style: normal; + letter-spacing: 0.15px; + line-height: 1.5; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.contentbox, +.rh51-header-wrap, +.rh51-sidebar-wrap, +.rh51-sidebar-mobile-trigger, +.rh51-body-wrap { + background-color: #ffffff; + border-radius: 4px; + -webkit-border-radius: 4px; + box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.3); + -webkit-box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.3); +} +img { + max-width: 100%; +} +.layout-card { + background: #eeeeee top center repeat-x; + width: 100%; +} +.layout-card .navbar-main { + height: auto; + padding: 30px 10px; + background: #ffffff; + margin-top: 0; +} +.layout-card .navbar-main .topnav-linksandsearch, +.layout-card .navbar-main .topnav-brand { + margin-top: 0; + vertical-align: middle; + display: inline-block !important; + height: auto; +} +.layout-card .navbar-main .topnav-link-border, +.layout-card .navbar-main .topnav-search { + vertical-align: middle; + display: inline-block; +} +.layout-card .navbar-main .topnav-searchbar { + top: 0; +} +.layout-card p:last-child { + margin-bottom: 0; +} +.layout-card h1 a, +.layout-card h2 a, +.layout-card h3 a, +.layout-card h4 a { + color: #333333; +} +.layout-card h3 { + font-weight: 400; + padding: 10px; + width: 100%; + margin: 0; + border-bottom: 1px solid #eeeeee; +} +.layout-card .filter-toggle { + position: absolute; + top: 9px; + right: 25px; +} +.layout-card .titleBar-wrapper.affix .titleBar-mobile { + position: fixed; + top: 0; + left: 0; + width: 100%; + background: #ffffff; + z-index: 500; + border-bottom: 4px solid #000000; +} +.layout-card .titleBlock .section-subtitle { + text-align: center; +} +@media (min-width: 480px) { + .layout-card .titleBlock .section-subtitle { + text-align: left; + } + .layout-card .titleBlock .section-subtitle a.btn { + float: left; + } + .layout-card .titleBlock .section-subtitle a { + float: right; + } +} +.layout-card .titleBlock .section-subtitle a { + vertical-align: middle; + display: inline-block; + color: #ffffff; + padding-top: 6px; + padding-bottom: 6px; +} +.layout-card input[type="checkbox"] { + position: absolute; + width: 14px; + height: 14px; + overflow: hidden; + margin: 0; + padding: 0; + border: 0; + outline: 0; + opacity: 0; + cursor: pointer; +} +.layout-card input[type="checkbox"] + label span:before { + display: inline-block; + width: 14px; + height: 14px; + margin: 0 0 0 0; + background: #dddddd; + border-radius: 2px; + border: 1px solid #dddddd; + content: " "; + vertical-align: top; + margin-left: -25px; + margin-top: 0.1em; + margin-right: 11px; + font-size: 12px; + line-height: 14px; +} +.layout-card .checkbox { + margin: 10px 0 10px 0; +} +.layout-card input[type="checkbox"]:hover + label span:before { + font: 1em FontAwesome; + color: #dddddd; + content: "\f00c"; + font-size: 11px; +} +.layout-card .checkbox:first-child { + margin-top: 0; +} +.layout-card label { + font-size: 1em; + line-height: 1.2em; + margin: 0; + padding: 0; + font-weight: 500; + cursor: pointer; + color: #585858; + border: 0; + transition: 0.2s; + display: block; + padding-left: 14px; +} +.layout-card label span { + display: inline-block; + padding-left: 12px; +} +.layout-card .search-filter { + margin-bottom: 20px; + margin-top: 5px; + border: solid 1px #dddddd; + border-radius: 3px; +} +.layout-card .filter-list { + padding: 0 10px; + margin-top: 20px; +} +.layout-card input[type="checkbox"]:checked + label span:before, +.layout-card input[type="checkbox"]:checked:hover + label span:before { + background: #dddddd; + font: 1em FontAwesome; + color: #585858; + content: "\f00c"; + font-size: 12px; +} +.layout-card input[type=Search] { + width: 85%; + padding: 6px 20px; + text-align: left; + transition: 0.3s; + border: none; +} +.layout-card .search-icon { + float: right; + width: 33px; + height: 33px; + display: inline-block; + border: none; + border-radius: 0 3px 3px 0; + background: #f2f2f2; + transition: 0.3s; +} +.layout-card .search-icon i { + font-size: 1.2em; + color: #585858; +} +.layout-card .contentbox-header { + border-bottom: 1px solid #eeeeee; + font-color: #555555; + font-size: 18px; + padding: 10px 20px; + width: 100%; + display: block; +} +.layout-card .contentbox-header h2 { + display: inline-block; + vertical-align: middle; + margin: 0 0 0 0; + text-transform: capitalize; +} +.layout-card .contentbox-header h4 { + display: inline-block; +} +.layout-card .contentbox-header.tabbed-header { + border-bottom: 0; + border-radius: 4px 4px 0 0; + margin: 0 0 0 0; + padding: 0; +} +.layout-card .contentbox-header.tabbed-header .tab-list { + margin: 0; + padding: 0; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab { + width: 50%; + display: inline-block; + float: left; + text-align: center; + padding: 10px 0; + font-weight: 300; + font-size: 1.2em; + background: rgba(199, 199, 199, 0.13); + color: #999999; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab a { + text-decoration: none; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab a:hover { + font-weight: 600; + text-decoration: none; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab.active { + background: #ffffff; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab.active a { + color: #333333; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab.active a:hover { + cursor: default; + text-decoration: none; + font-weight: 300; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab h2 { + font-size: inherit; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab a { + color: inherit; +} +.layout-card .contentbox-header.tabbed-header .tab { + border-radius: 4px 0 0 0; + border-right: 1px solid rgba(128, 128, 128, 0.16); + border-bottom: 1px solid rgba(128, 128, 128, 0.16); +} +.layout-card .contentbox-subheader, +.layout-card .section-subtitle.inner { + padding: 10px 20px; + font-size: 0.9em; +} +.layout-card .contentbox-subheader .btn, +.layout-card .section-subtitle.inner .btn { + font-size: 0.9em; +} +.layout-card .contentbox-subheader button { + font-size: 14px; +} +.layout-card .section-subtitle { + border-top: 4px solid #808080; + border-radius: 0 0 4px 4px; +} +@media (min-width: 768px) { + .layout-card { + top: 20px; + right: 30px; + } +} +@media (min-width: 992px) { + .layout-card { + top: 20px; + right: 30px; + } + .modal-dialog { + z-index: 2000; + } +} +body { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-weight: 400; + font-style: normal; + letter-spacing: 0.15px; + line-height: 1.5; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.contentbox, +.rh51-header-wrap, +.rh51-sidebar-wrap, +.rh51-sidebar-mobile-trigger, +.rh51-body-wrap { + background-color: #ffffff; + word-wrap: break-word; + border-radius: 4px; + -webkit-border-radius: 4px; + box-shadow: 0px 2px 3px rgba(119, 119, 119, 0.1); + -webkit-box-shadow: 0px 2px 3px rgba(119, 119, 119, 0.1); +} +.contentbox .inner { + padding: 20px; +} +img { + max-width: 100%; +} +.layout-card { + background: #eeeeee top center repeat-x; + width: 100%; +} +.layout-card .navbar-main { + height: auto; + padding: 30px 10px; + background: #ffffff; + margin-top: 0; +} +.layout-card .navbar-main .topnav-linksandsearch, +.layout-card .navbar-main .topnav-brand { + margin-top: 0; + vertical-align: middle; + display: inline-block !important; + height: auto; +} +.layout-card .navbar-main .topnav-link-border, +.layout-card .navbar-main .topnav-search { + vertical-align: middle; + display: inline-block; +} +.layout-card .navbar-main .topnav-searchbar { + top: 0; +} +.layout-card p:last-child { + margin-bottom: 0; +} +.layout-card h1 a, +.layout-card h2 a, +.layout-card h3 a, +.layout-card h4 a { + color: #333333; +} +.layout-card h3 { + font-weight: 400; + padding: 10px; + width: 100%; + margin: 0; + border-bottom: 1px solid #eeeeee; +} +.layout-card .filter-toggle { + position: absolute; + top: 9px; + right: 25px; +} +.layout-card .titleBar-wrapper.affix .titleBar-mobile { + position: fixed; + top: 0; + left: 0; + width: 100%; + background: #ffffff; + z-index: 500; + border-bottom: 4px solid #000000; +} +.layout-card .titleBlock .section-subtitle { + text-align: center; +} +@media (min-width: 480px) { + .layout-card .titleBlock .section-subtitle { + text-align: left; + } + .layout-card .titleBlock .section-subtitle a.btn { + float: left; + } + .layout-card .titleBlock .section-subtitle a { + float: right; + } +} +.layout-card .titleBlock .section-subtitle a { + vertical-align: middle; + display: inline-block; + color: #ffffff; + padding-top: 6px; + padding-bottom: 6px; +} +.layout-card input[type="checkbox"] { + position: absolute; + width: 14px; + height: 14px; + overflow: hidden; + margin: 0; + padding: 0; + border: 0; + outline: 0; + opacity: 0; + cursor: pointer; +} +.layout-card input[type="checkbox"] + label span:before { + display: inline-block; + width: 14px; + height: 14px; + margin: 0 0 0 0; + background: #dddddd; + border-radius: 2px; + border: 1px solid #dddddd; + content: " "; + vertical-align: top; + margin-left: -25px; + margin-top: 0.1em; + margin-right: 11px; + font-size: 12px; + line-height: 14px; +} +.layout-card .checkbox { + margin: 10px 0 10px 0; +} +.layout-card input[type="checkbox"]:hover + label span:before { + font: 1em FontAwesome; + color: #dddddd; + content: "\f00c"; + font-size: 11px; +} +.layout-card .checkbox:first-child { + margin-top: 0; +} +.layout-card label { + font-size: 1em; + line-height: 1.2em; + margin: 0; + padding: 0; + font-weight: 500; + cursor: pointer; + color: #585858; + border: 0; + transition: 0.2s; + display: block; + padding-left: 14px; +} +.layout-card label span { + display: inline-block; + padding-left: 12px; +} +.layout-card .search-filter { + margin-bottom: 20px; + margin-top: 5px; + border: solid 1px #dddddd; + border-radius: 3px; +} +.layout-card .filter-list { + padding: 0 10px; + margin-top: 20px; +} +.layout-card input[type="checkbox"]:checked + label span:before, +.layout-card input[type="checkbox"]:checked:hover + label span:before { + background: #dddddd; + font: 1em FontAwesome; + color: #585858; + content: "\f00c"; + font-size: 12px; +} +.layout-card input[type=Search] { + width: 85%; + padding: 6px 20px; + text-align: left; + transition: 0.3s; + border: none; +} +.layout-card .search-icon { + float: right; + width: 33px; + height: 33px; + display: inline-block; + border: none; + border-radius: 0 3px 3px 0; + background: #f9f9f9; + transition: 0.3s; +} +.layout-card .search-icon i { + font-size: 1.2em; + color: #585858; +} +.layout-card .contentbox-header { + border-bottom: 1px solid #eeeeee; + font-color: #555555; + font-size: 18px; + padding: 10px 20px; + width: 100%; + display: block; +} +.layout-card .contentbox-header h2 { + display: inline-block; + vertical-align: middle; + margin: 0 0 0 0; +} +.layout-card .contentbox-header.tabbed-header { + border-bottom: 0; + border-radius: 4px 4px 0 0; + margin: 0 0 0 0; + padding: 0; +} +.layout-card .contentbox-header.tabbed-header .tab-list { + margin: 0; + padding: 0; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab1, +.layout-card .contentbox-header.tabbed-header .tab-list .tab2 { + width: 50%; + display: inline-block; + float: left; + text-align: center; + padding: 10px 0; + font-weight: 300; + font-size: 1.2em; + background: rgba(199, 199, 199, 0.13); + color: rgba(128, 128, 128, 0.68); +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab1 a, +.layout-card .contentbox-header.tabbed-header .tab-list .tab2 a { + text-decoration: none; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab1 a:hover, +.layout-card .contentbox-header.tabbed-header .tab-list .tab2 a:hover { + font-weight: 600; + text-decoration: none; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab1.active, +.layout-card .contentbox-header.tabbed-header .tab-list .tab2.active { + background: #ffffff; + border: 0; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab1.active a, +.layout-card .contentbox-header.tabbed-header .tab-list .tab2.active a { + color: #333333; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab1.active a:hover, +.layout-card .contentbox-header.tabbed-header .tab-list .tab2.active a:hover { + cursor: default; + text-decoration: none; + font-weight: 300; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab1 h2, +.layout-card .contentbox-header.tabbed-header .tab-list .tab2 h2 { + font-size: inherit; +} +.layout-card .contentbox-header.tabbed-header .tab-list .tab1 a, +.layout-card .contentbox-header.tabbed-header .tab-list .tab2 a { + color: inherit; +} +.layout-card .contentbox-header.tabbed-header .tab1 { + border-radius: 4px 0 0 0; + border-right: 1px solid rgba(128, 128, 128, 0.16); + border-bottom: 1px solid rgba(128, 128, 128, 0.16); +} +.layout-card .contentbox-header.tabbed-header .tab2 { + border-radius: 0 4px 0 0; + border-left: 1px solid rgba(128, 128, 128, 0.16); + border-bottom: 1px solid rgba(128, 128, 128, 0.16); +} +.layout-card .contentbox-subheader, +.layout-card .section-subtitle.inner { + padding: 10px 20px; + font-size: 0.9em; +} +.layout-card .contentbox-subheader .btn, +.layout-card .section-subtitle.inner .btn { + font-size: 0.9em; +} +.layout-card .contentbox-subheader button { + font-size: 14px; +} +.layout-card .section-subtitle { + border-top: 4px solid #808080; + border-radius: 0 0 4px 4px; +} +@media (min-width: 768px) { + .layout-card { + top: 20px; + right: 30px; + } +} +@media (min-width: 992px) { + .layout-card { + top: 20px; + right: 30px; + } + .modal-dialog { + z-index: 2000; + } +} +body { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-weight: 400; + font-style: normal; + letter-spacing: 0.15px; + line-height: 1.5; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.contentbox, +.rh51-header-wrap, +.rh51-sidebar-wrap, +.rh51-sidebar-mobile-trigger, +.rh51-body-wrap { + background-color: #ffffff; + border-radius: 4px; + -webkit-border-radius: 4px; + box-shadow: 0px 2px 3px rgba(119, 119, 119, 0.1); + -webkit-box-shadow: 0px 2px 3px rgba(119, 119, 119, 0.1); +} +.contentbox .inner { + padding: 20px; +} +img { + max-width: 100%; +} +.section-title { + font-weight: 900; + text-transform: uppercase; + font-size: 2em; + line-height: 1em; + text-align: left; + margin: 0; + padding: 20px 0; + color: #585858; +} +.h2-bordered { + font-weight: 600; + text-transform: uppercase; + font-size: 1.3em; + line-height: 1em; + text-align: left; + margin: 0 0 15px; + padding: 0 0px 8px; + color: #585858; + border-bottom: 2px solid #585858; +} +.regular { + font-weight: 400; +} +.strong { + font-weight: 700; +} +strong { + font-weight: 700; +} +.uppercase { + text-transform: uppercase; +} +h1, +h2, +h3, +h4, +h5, +h6 { + text-rendering: optimizeLegibility; +} +h4, +h5, +h6 { + font-weight: 900; +} +p { + margin: 0 0 1em 0; +} +p strong { + font-weight: 700; +} +p em { + font-style: italic; +} +.large-h1 { + font-size: 51px; +} +.large-p { + font-size: 23px; + line-height: 1.3em; + font-weight: 300; + margin: 0; + padding: 0; +} +.collapse-top { + margin-top: 0; +} +.dark { + color: #585858; +} +.blue-box-numbers { + list-style: none; + counter-reset: listNumber; + padding-left: 0; +} +.blue-box-numbers > li { + position: relative; + counter-increment: listNumber; + border: solid 1px #d9eaf5; + padding: 10px 15px 12px 54px; + border-radius: 4px; + margin-bottom: 9px; +} +.blue-box-numbers > li::before { + content: counter(listNumber); + position: absolute; + left: 0px; + top: 0px; + border: solid 1px #d9eaf5; + border-top: 0; + border-left: 0; + width: 26px; + height: 26px; + border-radius: 0 0 4px 0; + color: #368ccb; + text-align: center; + box-sizing: border-box; + padding-top: 3px; + font-size: 13px; +} +.blue-box-numbers > li ul li { + margin-top: 8px; +} +.pagination { + margin: 20px 0; + text-align: right; +} +.pagination button { + border: none; + background-color: transparent; + padding: 0 2%; + color: #585858; + font-weight: 600; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + font-family: "Lato"; + font-size: 16px; +} +.pagination button:hover { + color: #333333; +} +.pagination button:focus { + outline: 0; + color: #333333; +} +.pagination button.active { + background-color: #585858; + color: #ffffff; + cursor: default; +} +.pagination button.pagination-arrows { + color: #ffffff; + cursor: default; +} +.pagination button.pagination-arrows.active-previous, +.pagination button.pagination-arrows.active-next { + color: #585858; + cursor: pointer; +} +.pagination button.pagination-arrows.active-previous:hover, +.pagination button.pagination-arrows.active-next:hover { + color: #333333; +} +.pagination button.pagination-arrows.active-previous:focus, +.pagination button.pagination-arrows.active-next:focus { + outline: 0; + color: #333333; +} +.social-media-weixin { + position: absolute; + bottom: 16px; + left: 0px; + width: 150px; +} +.paginationControl { + border-top: 1px solid #eeeeee; + padding-top: 20px; + text-align: center; +} +.paginationControl .pageFirst, +.paginationControl .pagePrev, +.paginationControl .pageNext, +.paginationControl .pageLast, +.paginationControl .pageCount { + display: inline-block; +} +.paginationControl .pageFirst { + float: left; +} +.paginationControl .pagePrev a, +.paginationControl .pageNext a, +.paginationControl .pagePrev span, +.paginationControl .pageNext span { + background: #555555; + padding: 3px 8px; + border-radius: 4px; + color: #ffffff; + font-weight: 600; + display: inline-block; +} +.paginationControl .pagePrev a:hover, +.paginationControl .pageNext a:hover { + background: #585858; + text-decoration: none; +} +.paginationControl .pagePrev a:focus, +.paginationControl .pageNext a:focus { + outline: 0; + background: #585858; + border: 1px solid #333333; + text-decoration: none; +} +.paginationControl .pageFirst a, +.paginationControl .pageLast a { + font-weight: 600; + font-size: 0.9em; + color: #555555; + text-transform: none; +} +.paginationControl .pageLast { + float: right; +} +.paginationControl .pageCount { + padding: 0 15px; + color: #555555; +} +.paginationControl .pageCount span { + font-style: normal; + color: #555555; + font-weight: 600; +} +.paginationControl .disabled { + opacity: 0.5; +} +@media screen and (max-width: 600px) { + .paginationControl .pageFirst, + .paginationControl .pageLast { + display: none; + } + .paginationControl .pagePrev { + float: left; + } + .paginationControl .pageNext { + float: right; + } + .video-pagination .paginationControl { + padding-bottom: 15px; + } +} +.grayBg { + background: #eeeeee; +} +.card-header { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border-bottom: 6px solid #585858; + -webkit-box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.3); + -moz-box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.3); + box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.3); + margin: 30px 0 0; + background: #ffffff; + padding: 0 30px; +} +.card-header h1 { + font-weight: 700; + text-transform: uppercase; + font-size: 2em; + line-height: 1em; + text-align: left; + margin: 0; + padding: 20px 0; + color: #585858; +} +.white-card-top-box.blog { + border-color: #368ccb; +} +.card-box { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.3); + -moz-box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.3); + box-shadow: 0px 2px 4px rgba(100, 100, 100, 0.3); + margin: 30px 0; + background: #ffffff; + padding: 30px; +} +.content-title { + margin: -15px -30px 30px -30px; + padding: 0 15px 20px 30px; + border-bottom: 1px solid #eeeeee; + font-weight: 300; +} +.content-title-alt { + font-weight: 600; + text-transform: uppercase; + font-size: 1.3em; + line-height: 1em; + text-align: left; + margin: 0 0 15px; + padding: 0 0px 8px; + color: #585858; + border-bottom: 2px solid #585858; +} +.card-box--link:hover { + box-shadow: 0px 0px 0px 2px #368ccb, 0px 2px 4px rgba(100, 100, 100, 0.3); +} +.card-box--link a:hover { + text-decoration: none; +} +/* +// Text Links -----------------------------------------------// + +// neutral shade color +// check with chris about going darker and not always increasing the weight to 600, maybe only in paragraphs? +a, +a:active, +a:visited, +.text-link-brand, +.text-link-brand:active, +.text-link-brand:visited { + font-family: @font-family-sans-serif; + //font-weight: 600; + color: @blue-low-hue; + transition: .3s; + -webkit-transition: .3s; + -moz-transition: .3s; + &:hover, + &:focus { + color: darken(@blue-low-hue, 10%); + } +} +*/ +a.btn-solid, +a.btn-solid:visited, +.btn-solid, +.btn-solid:visited { + position: relative; + display: inline-block; + height: auto; + padding: 8px 20px 10px; + margin: 5px 0; + background-color: #eeeeee; + background-image: none; + border-right: 0; + border-left: 0; + border-top: 0; + border-bottom: 3px #d5d5d5 solid; + border-radius: 4px; + vertical-align: middle; + -webkit-transition: border-bottom 0.001s, background-color 0.03s; + -moz-transition: border-bottom 0.001s, background-color 0.03s; + transition: border-bottom 0.001s, background-color 0.03s; + color: #585858; + font-weight: 600; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 16px; + text-align: center; + text-decoration: none; + text-transform: uppercase; + cursor: pointer; + outline: none; +} +a.btn-solid:hover, +a.btn-solid:visited:hover, +.btn-solid:hover, +.btn-solid:visited:hover, +a.btn-solid:focus, +a.btn-solid:visited:focus, +.btn-solid:focus, +.btn-solid:visited:focus { + background-color: #e9e9e9; + background-image: none; + color: #585858 !important; + text-decoration: none; +} +a.btn-solid:active, +a.btn-solid:visited:active, +.btn-solid:active, +.btn-solid:visited:active { + background-color: #e9e9e9; + background-image: none; + border-bottom: 2px #cfcfcf solid; + top: 2px; + color: #585858; + text-decoration: none; +} +a.btn-solid.btn-md, +.btn-solid.btn-md { + height: 49px; + padding: 8px 30px; + font-size: 1.2em; +} +.btn-solid.btn-md.btn-orange { + border-bottom: 4px #ec7258 solid; +} +.btn-solid.btn-md.btn-brand { + border-bottom: 4px #2a70a4 solid; +} +.btn-solid.btn-md.btn-red { + border-bottom: 4px #a91845 solid; +} +.btn-solid.btn-lg, +a.btn-solid.btn-lg { + height: 52px; + padding: 10px 50px; + font-size: 1.4em; +} +a.btn-solid.btn-brand, +a.btn-solid.btn-brand:visited, +.btn-solid.btn-brand, +.btn-solid.btn-brand:visited { + background-color: #368ccb; + border-bottom: 3px #2a70a4 solid; + color: #ffffff; +} +a.btn-solid.btn-brand:hover, +a.btn-solid.btn-brand:visited:hover, +.btn-solid.btn-brand:hover, +.btn-solid.btn-brand:visited:hover, +a.btn-solid.btn-brand:focus, +a.btn-solid.btn-brand:visited:focus, +.btn-solid.btn-brand:focus, +.btn-solid.btn-brand:visited:focus { + background-color: #3387c4; + color: #ffffff !important; + text-decoration: none; +} +a.btn-solid.btn-brand:active, +a.btn-solid.btn-brand:visited:active, +.btn-solid.btn-brand:active, +.btn-solid.btn-brand:visited:active { + border-bottom: 2px #286b9c solid; +} +a.btn-solid.btn-orange, +a.btn-solid.btn-orange:visited, +.btn-solid.btn-orange, +.btn-solid.btn-orange:visited { + background-color: #f19986; + border-bottom: 3px #ec7258 solid; + color: #ffffff; +} +a.btn-solid.btn-orange:hover, +a.btn-solid.btn-orange:visited:hover, +.btn-solid.btn-orange:hover, +.btn-solid.btn-orange:visited:hover, +a.btn-solid.btn-orange:focus, +a.btn-solid.btn-orange:visited:focus, +.btn-solid.btn-orange:focus, +.btn-solid.btn-orange:visited:focus { + background-color: #f0917d; + color: #ffffff !important; + text-decoration: none; +} +a.btn-solid.btn-orange:active, +a.btn-solid.btn-orange:visited:active, +.btn-solid.btn-orange:active, +.btn-solid.btn-orange:visited:active { + border-bottom: 2px #eb6b4f solid; +} +a.btn-solid.btn-red, +a.btn-solid.btn-red:visited, +.btn-solid.btn-red, +.btn-solid.btn-red:visited { + background-color: #d61e57; + border-bottom: 3px solid #ab1f46; + color: #ffffff; +} +a.btn-solid.btn-red:hover, +a.btn-solid.btn-red:visited:hover, +.btn-solid.btn-red:hover, +.btn-solid.btn-red:visited:hover, +a.btn-solid.btn-red:focus, +a.btn-solid.btn-red:visited:focus, +.btn-solid.btn-red:focus, +.btn-solid.btn-red:visited:focus { + background-color: #ab1f46; + color: #ffffff !important; + text-decoration: none; +} +a.btn-solid.btn-red:active, +a.btn-solid.btn-red:visited:active, +.btn-solid.btn-red:active, +.btn-solid.btn-red:visited:active { + border-bottom: 2px solid #ab1f46; +} +a.btn-solid.btn-green, +a.btn-solid.btn-green:visited, +.btn-solid.btn-green, +.btn-solid.btn-green:visited { + background-color: #28aa8f; + border-bottom: 3px #23957e solid; + color: #ffffff; +} +a.btn-solid.btn-green:hover, +a.btn-solid.btn-green:visited:hover, +.btn-solid.btn-green:hover, +.btn-solid.btn-green:visited:hover, +a.btn-solid.btn-green:focus, +a.btn-solid.btn-green:visited:focus, +.btn-solid.btn-green:focus, +.btn-solid.btn-green:visited:focus { + background-color: #23957e; + color: #ffffff !important; + text-decoration: none; +} +a.btn-solid.btn-green:active, +a.btn-solid.btn-green:visited:active, +.btn-solid.btn-green:active, +.btn-solid.btn-green:visited:active { + border-bottom: 2px #23957e solid; +} +.flex-center { + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6, BB7 */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ + display: flex; + align-items: center; + justify-content: center; +} +.btn-red-outline { + border: solid 3px #d61e57; + border-radius: 100px; + text-transform: uppercase; + color: #d61e57; + font-weight: 1000; + font-size: 20px; + padding: 4px 24px; + box-sizing: content-box; + background-color: transparent; + position: relative; + overflow: hidden; + transition: all 0.35s ease; + -webkit-transition: all 0.35s ease; + -moz-transition: all 0.35s ease; + z-index: 100; +} +.btn-red-outline::before { + content: ""; + z-index: -100; + position: absolute; + height: 200px; + width: 0; + left: 50%; + top: -10%; + background-color: rgba(193, 38, 97, 0); + transition: all 0.35s ease; +} +.btn-red-outline:hover { + color: #ffffff; + background-color: #c12661; +} +.btn-red-outline:hover::before { + left: 0; + width: 100%; + background-color: #c12661; +} +[class^="btn-outline-"], +[class*=" btn-outline-"] { + display: inline-block; + border-radius: 100px; + text-transform: uppercase; + font-weight: 800; + font-size: 20px; + padding: 4px 24px; + box-sizing: content-box; + background-color: transparent; + position: relative; + overflow: hidden; + transition: all 0.35s ease; + z-index: 100; + white-space: normal; +} +[class^="btn-outline-"]::before, +[class*=" btn-outline-"]::before { + content: ""; + z-index: -100; + position: absolute; + height: 200px; + width: 0; + left: 50%; + top: -10%; + transition: all 0.35s ease; +} +[class^="btn-outline-"]:hover, +[class*=" btn-outline-"]:hover, +[class^="btn-outline-"]:focus, +[class*=" btn-outline-"]:focus, +[class^="btn-outline-"]:active, +[class*=" btn-outline-"]:active { + color: #ffffff; + text-decoration: none; +} +[class^="btn-outline-"]:hover::before, +[class*=" btn-outline-"]:hover::before, +[class^="btn-outline-"]:focus::before, +[class*=" btn-outline-"]:focus::before, +[class^="btn-outline-"]:active::before, +[class*=" btn-outline-"]:active::before { + left: 0; + width: 100%; +} +.btn-small { + font-size: 17px; +} +.btn-expand { + padding: 4px 60px; +} +.btn-outline-red { + border: solid 3px #d61e57; + color: #d61e57; +} +.btn-outline-red::before { + background-color: rgba(193, 38, 97, 0); +} +.btn-outline-red:hover, +.btn-outline-red:focus, +.btn-outline-red:active { + background-color: #c12661; +} +.btn-outline-red:hover::before, +.btn-outline-red:focus::before, +.btn-outline-red:active::before { + background-color: #c12661; +} +.btn-outline-blue { + border: solid 3px #368ccb; + color: #368ccb; +} +.btn-outline-blue::before { + background-color: rgba(54, 140, 203, 0); +} +.btn-outline-blue:hover, +.btn-outline-blue:focus, +.btn-outline-blue:active { + background-color: #368ccb; +} +.btn-outline-blue:hover::before, +.btn-outline-blue:focus::before, +.btn-outline-blue:active::before { + background-color: #368ccb; +} +.btn-outline-green { + border: solid 3px #1d9d6f; + color: #1d9d6f; +} +.btn-outline-green::before { + background-color: rgba(59, 165, 108, 0); +} +.btn-outline-green:hover, +.btn-outline-green:focus, +.btn-outline-green:active { + background-color: #3ba56c; +} +.btn-outline-green:hover::before, +.btn-outline-green:focus::before, +.btn-outline-green:active::before { + background-color: #3ba56c; +} +@media (max-width: 991px) { + .btn-solid, + .btn-solid.btn-md, + .btn-solid.btn-lg, + a.btn-solid, + a.btn-solid.btn-md, + a.btn-solid.btn-lg { + font-size: 1em; + height: 44px; + padding: 8px 30px; + } + .card-header h1 { + font-size: 1.6em; + } +} +@media (max-width: 767px) { + .card-header h1 { + font-size: 1.4em; + } + .content-title-alt { + line-height: 1.4em; + } +} +/* + * Side Nav as found on Product Download and System Requirements + *********************************************/ +.headerBox { + padding: 10px 15px 5px; + margin: 0px; + background: #368ccb; + border: 2px solid #368ccb; + border-bottom: none; +} +.headerBox lable, +.headerBox label { + margin: 5px 0px; + color: #ffffff; + font-weight: bold; +} +.contentBox { + padding: 10px 15px; + border: 2px solid #368ccb; + word-wrap: break-word; + font-size: 14px; +} +.contentBox .active { + color: #d61e57; +} +.flex-row { + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + gap: 15px; +} +[class^="flex-col-"], +[class*=" flex-col-"] { + width: 100%; +} +.bold-server-h3 { + font-size: 19px; + font-weight: 800; + text-transform: uppercase; + color: #d61e57; + margin-top: 0px; +} +@media (min-width: 650px) { + .flex-col-1 { + width: 8%; + } + .flex-col-2 { + width: 16%; + } + .flex-col-3 { + width: 24%; + } + .flex-col-4 { + width: 32%; + } + .flex-col-5 { + width: 41%; + } + .flex-col-6 { + width: 48%; + } + .flex-col-7 { + width: 57%; + } + .flex-col-8 { + width: 64%; + } + .flex-col-9 { + width: 72%; + } + .flex-col-10 { + width: 80%; + } + .flex-col-11 { + width: 88%; + } + .flex-col-12 { + width: 100%; + } +} +.tab-pane { + padding: 15px 0; +} +#sandboxLogMessages .alert-warning { + color: #333333; + background-color: #ffd999; + margin: 0; + border-radius: 0; +} +#sandboxLogMessages .alert-warning i { + color: #e65e30; +} +#sandboxLogMessages .alert-warning a:after { + content: "[hide details]"; +} +#sandboxLogMessages .alert-warning ul { + margin-top: 10px; +} +#sandboxLogMessages .alert-warning.compact ul { + display: none; +} +#sandboxLogMessages .alert-warning.compact a:after { + content: "[details]"; +} +.access-profile-preview { + color: #333333; + padding: 20px; + text-align: center; + background-color: #f2f2f2; +} +.access-profile-preview .access-profile-imgframe { + width: 50px; + height: 50px; + overflow: hidden; + margin: auto; +} +.access-profile-preview .photo { + width: 50px; + height: 50px; + object-fit: cover; + border-radius: 10px; + display: block; + margin: auto; + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); +} +.access-profile-preview span { + display: block; +} +.access-profile-preview .name { + margin-top: 5px; + font-weight: 700; + opacity: 0.8; +} +.access-profile-preview .company { + font-style: italic; + font-size: 0.8em; + opacity: 0.7; +} +.access-profile-preview .email { + font-size: 0.8em; + opacity: 0.7; +} +.access-profile-links a { + display: block; + line-height: 2; + color: #333333; + font-weight: normal; +} +.access-profile-links a:hover { + color: #005596; + text-decoration: none; + font-weight: 700; +} +.access-profile-links p { + margin-bottom: 0; +} +.access-profile-links .page-focus { + color: #005596; + font-weight: 700; +} +.new-support-cases button a { + color: #ffffff; + text-decoration: none; +} +.new-support-cases button p { + margin-bottom: 0; +} +.new-support-cases button { + margin: 0px 20%; +} +@media (max-width: 1198px) { + .new-support-cases button { + margin: 0px 13%; + } +} +.licence-info__li { + list-style: none; +} +.licence-info__li li div { + position: relative; + color: #25325b; +} +.licence-info__li li div span { + display: inline; +} +.sla__warning { + margin: 15px 0 0 0; +} +#knowledgebaseQuery { + width: 97%; + padding-left: 10px; +} +.support h4 { + color: #585858; +} +.profile-photo { + display: block; + background: #f2f2f2; + padding: 15px; + margin-bottom: 15px; +} +.profile-photo .profile-photo__container { + width: 120px; + height: 120px; + overflow: hidden; + margin-bottom: 15px; + border-radius: 10px; + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); +} +.profile-photo .profile-photo__container .photo { + width: 120px; + height: 120px; + object-fit: cover; +} +.profile-photo button { + margin-right: 15px; +} +.profile-photo .btn.disabled { + opacity: 0.35; +} +.password__block { + padding: 15px; +} +.btn--form__submit { + background: #368ccb; + color: #ffffff; + border: 0; + cursor: pointer; + box-shadow: none; + text-shadow: none; + padding: 6px 12px; +} +.btn--form__submit:hover { + color: #ffffff; + background-color: #005596; + transition: 0.2s; +} +.btn--form__submit:focus { + color: #ffffff; + background-color: #005596; + transition: 0.2s; +} +/* card color profiles */ +.heading-card-default .heading-card-title { + color: #555555; + border-bottom: 5px solid #585858; +} +.heading-card-default .heading-card-title h1, +.heading-card-default .heading-card-title a { + color: #555555; +} +.heading-card-default .heading-card-title .btn { + color: #ffffff; + background-color: #368ccb; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.heading-card-default .heading-card-title .btn:hover { + background-color: #368ccb; +} +.heading-card-default .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-default .heading-card-subtitle .heading-card-subtitle-link { + color: #368ccb; +} +.heading-card-default .heading-card-subtitle .heading-card-subtitle-link.left-side { + margin-right: 15px; +} +.heading-card-default .heading-card-subtitle .heading-card-subtitle-text { + color: #414042; + font-weight: 600; +} +.heading-card-default .heading-card-subtitle .heading-card-subtitle-text--color { + color: #585858; +} +.heading-card-default .heading-card-subtitle .btn { + color: #388090; + background-color: #368ccb; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.heading-card-default .heading-card-subtitle .btn:hover { + background-color: #307eb8; + border: 2px solid #307eb8; +} +.heading-card-default .discussion-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-default .heading-card-mobile-nav .heading-card-subtitle-link { + color: #368ccb; +} +.heading-card-default .heading-card-mobile-nav .heading-card-subtitle-text { + color: #ffffff; +} +.heading-card-default .heading-card-mobile-nav .btn { + color: #ffffff; + background-color: #368ccb; +} +.heading-card-default .heading-card-mobile-nav .btn:hover { + background-color: #3284c0; +} +.heading-card-default .heading-card-mobile-nav .btn.menu-toggle { + background-color: #585858; +} +.heading-card-default .heading-card-mobile-nav .btn.menu-toggle:hover { + background-color: #505050; +} +.heading-card-forum .heading-card-title { + color: #555555; + border-bottom: 5px solid #101f56; +} +.heading-card-forum .heading-card-title h1, +.heading-card-forum .heading-card-title a { + color: #555555; +} +.heading-card-forum .heading-card-title .btn { + color: #ffffff; + background-color: #368ccb; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.heading-card-forum .heading-card-title .btn:hover { + background-color: #368ccb; +} +.heading-card-forum .heading-card-subtitle { + background-color: #005596; +} +.heading-card-forum .heading-card-subtitle .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-forum .heading-card-subtitle .heading-card-subtitle-link.left-side { + margin-right: 15px; +} +.heading-card-forum .heading-card-subtitle .heading-card-subtitle-text { + color: #ffffff; + font-weight: 600; +} +.heading-card-forum .heading-card-subtitle .heading-card-subtitle-text--color { + color: #585858; +} +.heading-card-forum .heading-card-subtitle .btn { + color: #388090; + background-color: #368ccb; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.heading-card-forum .heading-card-subtitle .btn:hover { + background-color: #307eb8; + border: 2px solid #307eb8; +} +.heading-card-forum .discussion-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-forum .heading-card-mobile-nav .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-forum .heading-card-mobile-nav .heading-card-subtitle-text { + color: #ffffff; +} +.heading-card-forum .heading-card-mobile-nav .btn { + color: #ffffff; + background-color: #368ccb; +} +.heading-card-forum .heading-card-mobile-nav .btn:hover { + background-color: #3284c0; +} +.heading-card-forum .heading-card-mobile-nav .btn.menu-toggle { + background-color: #101f56; +} +.heading-card-forum .heading-card-mobile-nav .btn.menu-toggle:hover { + background-color: #0e1a49; +} +.heading-card-course .heading-card-title { + color: #555555; + border-bottom: 5px solid #062754; +} +.heading-card-course .heading-card-title h1, +.heading-card-course .heading-card-title a { + color: #555555; +} +.heading-card-course .heading-card-title .btn { + color: #ffffff; + background-color: #a5d5cf; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.heading-card-course .heading-card-title .btn:hover { + background-color: #368ccb; +} +.heading-card-course .heading-card-subtitle { + background-color: #388090; +} +.heading-card-course .heading-card-subtitle .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-course .heading-card-subtitle .heading-card-subtitle-link.left-side { + margin-right: 15px; +} +.heading-card-course .heading-card-subtitle .heading-card-subtitle-text { + color: #ffffff; + font-weight: 600; +} +.heading-card-course .heading-card-subtitle .heading-card-subtitle-text--color { + color: #585858; +} +.heading-card-course .heading-card-subtitle .btn { + color: #388090; + background-color: #a5d5cf; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.heading-card-course .heading-card-subtitle .btn:hover { + background-color: #94cdc6; + border: 2px solid #94cdc6; +} +.heading-card-course .discussion-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-course .heading-card-mobile-nav .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-course .heading-card-mobile-nav .heading-card-subtitle-text { + color: #ffffff; +} +.heading-card-course .heading-card-mobile-nav .btn { + color: #ffffff; + background-color: #a5d5cf; +} +.heading-card-course .heading-card-mobile-nav .btn:hover { + background-color: #9bd0c9; +} +.heading-card-course .heading-card-mobile-nav .btn.menu-toggle { + background-color: #062754; +} +.heading-card-course .heading-card-mobile-nav .btn.menu-toggle:hover { + background-color: #052046; +} +.heading-card-workshop .heading-card-title { + color: #555555; + border-bottom: 5px solid #062754; +} +.heading-card-workshop .heading-card-title h1, +.heading-card-workshop .heading-card-title a { + color: #555555; +} +.heading-card-workshop .heading-card-title .btn { + color: #ffffff; + background-color: #a5d5cf; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.heading-card-workshop .heading-card-title .btn:hover { + background-color: #368ccb; +} +.heading-card-workshop .heading-card-subtitle { + background-color: #388090; +} +.heading-card-workshop .heading-card-subtitle .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-workshop .heading-card-subtitle .heading-card-subtitle-link.left-side { + margin-right: 15px; +} +.heading-card-workshop .heading-card-subtitle .heading-card-subtitle-text { + color: #ffffff; + font-weight: 600; +} +.heading-card-workshop .heading-card-subtitle .heading-card-subtitle-text--color { + color: #585858; +} +.heading-card-workshop .heading-card-subtitle .btn { + color: #388090; + background-color: #a5d5cf; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.heading-card-workshop .heading-card-subtitle .btn:hover { + background-color: #94cdc6; + border: 2px solid #94cdc6; +} +.heading-card-workshop .discussion-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-workshop .heading-card-mobile-nav .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-workshop .heading-card-mobile-nav .heading-card-subtitle-text { + color: #ffffff; +} +.heading-card-workshop .heading-card-mobile-nav .btn { + color: #ffffff; + background-color: #a5d5cf; +} +.heading-card-workshop .heading-card-mobile-nav .btn:hover { + background-color: #9bd0c9; +} +.heading-card-workshop .heading-card-mobile-nav .btn.menu-toggle { + background-color: #062754; +} +.heading-card-workshop .heading-card-mobile-nav .btn.menu-toggle:hover { + background-color: #052046; +} +.heading-card-webinar .heading-card-title { + color: #555555; + border-bottom: 5px solid #062754; +} +.heading-card-webinar .heading-card-title h1, +.heading-card-webinar .heading-card-title a { + color: #555555; +} +.heading-card-webinar .heading-card-title .btn { + color: #ffffff; + background-color: #a5d5cf; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.heading-card-webinar .heading-card-title .btn:hover { + background-color: #368ccb; +} +.heading-card-webinar .heading-card-subtitle { + background-color: #04636f; +} +.heading-card-webinar .heading-card-subtitle .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-webinar .heading-card-subtitle .heading-card-subtitle-link.left-side { + margin-right: 15px; +} +.heading-card-webinar .heading-card-subtitle .heading-card-subtitle-text { + color: #ffffff; + font-weight: 600; +} +.heading-card-webinar .heading-card-subtitle .heading-card-subtitle-text--color { + color: #585858; +} +.heading-card-webinar .heading-card-subtitle .btn { + color: #388090; + background-color: #a5d5cf; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.heading-card-webinar .heading-card-subtitle .btn:hover { + background-color: #94cdc6; + border: 2px solid #94cdc6; +} +.heading-card-webinar .discussion-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-webinar .heading-card-mobile-nav .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-webinar .heading-card-mobile-nav .heading-card-subtitle-text { + color: #ffffff; +} +.heading-card-webinar .heading-card-mobile-nav .btn { + color: #ffffff; + background-color: #a5d5cf; +} +.heading-card-webinar .heading-card-mobile-nav .btn:hover { + background-color: #9bd0c9; +} +.heading-card-webinar .heading-card-mobile-nav .btn.menu-toggle { + background-color: #062754; +} +.heading-card-webinar .heading-card-mobile-nav .btn.menu-toggle:hover { + background-color: #052046; +} +.heading-card-special .heading-card-title { + color: #555555; + border-bottom: 5px solid #062754; +} +.heading-card-special .heading-card-title h1, +.heading-card-special .heading-card-title a { + color: #555555; +} +.heading-card-special .heading-card-title .btn { + color: #ffffff; + background-color: #a5d5cf; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.heading-card-special .heading-card-title .btn:hover { + background-color: #368ccb; +} +.heading-card-special .heading-card-subtitle { + background-color: #388090; +} +.heading-card-special .heading-card-subtitle .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-special .heading-card-subtitle .heading-card-subtitle-link.left-side { + margin-right: 15px; +} +.heading-card-special .heading-card-subtitle .heading-card-subtitle-text { + color: #ffffff; + font-weight: 600; +} +.heading-card-special .heading-card-subtitle .heading-card-subtitle-text--color { + color: #585858; +} +.heading-card-special .heading-card-subtitle .btn { + color: #388090; + background-color: #a5d5cf; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.heading-card-special .heading-card-subtitle .btn:hover { + background-color: #94cdc6; + border: 2px solid #94cdc6; +} +.heading-card-special .discussion-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-special .heading-card-mobile-nav .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-special .heading-card-mobile-nav .heading-card-subtitle-text { + color: #ffffff; +} +.heading-card-special .heading-card-mobile-nav .btn { + color: #ffffff; + background-color: #a5d5cf; +} +.heading-card-special .heading-card-mobile-nav .btn:hover { + background-color: #9bd0c9; +} +.heading-card-special .heading-card-mobile-nav .btn.menu-toggle { + background-color: #062754; +} +.heading-card-special .heading-card-mobile-nav .btn.menu-toggle:hover { + background-color: #052046; +} +.heading-card-meeting .heading-card-title { + color: #555555; + border-bottom: 5px solid #062754; +} +.heading-card-meeting .heading-card-title h1, +.heading-card-meeting .heading-card-title a { + color: #555555; +} +.heading-card-meeting .heading-card-title .btn { + color: #ffffff; + background-color: #a5d5cf; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.heading-card-meeting .heading-card-title .btn:hover { + background-color: #368ccb; +} +.heading-card-meeting .heading-card-subtitle { + background-color: #388090; +} +.heading-card-meeting .heading-card-subtitle .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-meeting .heading-card-subtitle .heading-card-subtitle-link.left-side { + margin-right: 15px; +} +.heading-card-meeting .heading-card-subtitle .heading-card-subtitle-text { + color: #ffffff; + font-weight: 600; +} +.heading-card-meeting .heading-card-subtitle .heading-card-subtitle-text--color { + color: #585858; +} +.heading-card-meeting .heading-card-subtitle .btn { + color: #388090; + background-color: #a5d5cf; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.heading-card-meeting .heading-card-subtitle .btn:hover { + background-color: #94cdc6; + border: 2px solid #94cdc6; +} +.heading-card-meeting .discussion-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-meeting .heading-card-mobile-nav .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-meeting .heading-card-mobile-nav .heading-card-subtitle-text { + color: #ffffff; +} +.heading-card-meeting .heading-card-mobile-nav .btn { + color: #ffffff; + background-color: #a5d5cf; +} +.heading-card-meeting .heading-card-mobile-nav .btn:hover { + background-color: #9bd0c9; +} +.heading-card-meeting .heading-card-mobile-nav .btn.menu-toggle { + background-color: #062754; +} +.heading-card-meeting .heading-card-mobile-nav .btn.menu-toggle:hover { + background-color: #052046; +} +.heading-card-comsolday .heading-card-title { + color: #25325b; + border-bottom: 5px solid #dddddd; +} +.heading-card-comsolday .heading-card-title h1, +.heading-card-comsolday .heading-card-title a { + color: #25325b; +} +.heading-card-comsolday .heading-card-title .btn { + color: #ffffff; + background-color: #f15b63; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.heading-card-comsolday .heading-card-title .btn:hover { + background-color: #368ccb; +} +.heading-card-comsolday .heading-card-subtitle { + background-color: #dddddd; +} +.heading-card-comsolday .heading-card-subtitle .heading-card-subtitle-link { + color: #25325b; +} +.heading-card-comsolday .heading-card-subtitle .heading-card-subtitle-link.left-side { + margin-right: 15px; +} +.heading-card-comsolday .heading-card-subtitle .heading-card-subtitle-text { + color: #25325b; + font-weight: 600; +} +.heading-card-comsolday .heading-card-subtitle .heading-card-subtitle-text--color { + color: #585858; +} +.heading-card-comsolday .heading-card-subtitle .btn { + color: #388090; + background-color: #f15b63; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.heading-card-comsolday .heading-card-subtitle .btn:hover { + background-color: #ef444d; + border: 2px solid #ef444d; +} +.heading-card-comsolday .discussion-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-comsolday .heading-card-mobile-nav .heading-card-subtitle-link { + color: #25325b; +} +.heading-card-comsolday .heading-card-mobile-nav .heading-card-subtitle-text { + color: #ffffff; +} +.heading-card-comsolday .heading-card-mobile-nav .btn { + color: #ffffff; + background-color: #f15b63; +} +.heading-card-comsolday .heading-card-mobile-nav .btn:hover { + background-color: #f04d56; +} +.heading-card-comsolday .heading-card-mobile-nav .btn.menu-toggle { + background-color: #dddddd; +} +.heading-card-comsolday .heading-card-mobile-nav .btn.menu-toggle:hover { + background-color: #d5d5d5; +} +.heading-card-release53 .heading-card-title { + color: #555555; + border-bottom: 5px solid #a53476; +} +.heading-card-release53 .heading-card-title h1, +.heading-card-release53 .heading-card-title a { + color: #555555; +} +.heading-card-release53 .heading-card-title .btn { + color: #ffffff; + background-color: #e65e30; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.heading-card-release53 .heading-card-title .btn:hover { + background-color: #368ccb; +} +.heading-card-release53 .heading-card-subtitle { + background-color: #368ccb; +} +.heading-card-release53 .heading-card-subtitle .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-release53 .heading-card-subtitle .heading-card-subtitle-link.left-side { + margin-right: 15px; +} +.heading-card-release53 .heading-card-subtitle .heading-card-subtitle-text { + color: #ffffff; + font-weight: 600; +} +.heading-card-release53 .heading-card-subtitle .heading-card-subtitle-text--color { + color: #585858; +} +.heading-card-release53 .heading-card-subtitle .btn { + color: #388090; + background-color: #e65e30; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.heading-card-release53 .heading-card-subtitle .btn:hover { + background-color: #e14d1b; + border: 2px solid #e14d1b; +} +.heading-card-release53 .discussion-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-release53 .heading-card-mobile-nav .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-release53 .heading-card-mobile-nav .heading-card-subtitle-text { + color: #ffffff; +} +.heading-card-release53 .heading-card-mobile-nav .btn { + color: #ffffff; + background-color: #e65e30; +} +.heading-card-release53 .heading-card-mobile-nav .btn:hover { + background-color: #e45322; +} +.heading-card-release53 .heading-card-mobile-nav .btn.menu-toggle { + background-color: #a53476; +} +.heading-card-release53 .heading-card-mobile-nav .btn.menu-toggle:hover { + background-color: #99306e; +} +.heading-card-release53a .heading-card-title { + color: #555555; + border-bottom: 5px solid #25325b; +} +.heading-card-release53a .heading-card-title h1, +.heading-card-release53a .heading-card-title a { + color: #555555; +} +.heading-card-release53a .heading-card-title .btn { + color: #ffffff; + background-color: #a3548f; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.heading-card-release53a .heading-card-title .btn:hover { + background-color: #368ccb; +} +.heading-card-release53a .heading-card-subtitle { + background-color: #368ccb; +} +.heading-card-release53a .heading-card-subtitle .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-release53a .heading-card-subtitle .heading-card-subtitle-link.left-side { + margin-right: 15px; +} +.heading-card-release53a .heading-card-subtitle .heading-card-subtitle-text { + color: #ffffff; + font-weight: 600; +} +.heading-card-release53a .heading-card-subtitle .heading-card-subtitle-text--color { + color: #585858; +} +.heading-card-release53a .heading-card-subtitle .btn { + color: #388090; + background-color: #a3548f; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.heading-card-release53a .heading-card-subtitle .btn:hover { + background-color: #924b80; + border: 2px solid #924b80; +} +.heading-card-release53a .discussion-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-release53a .heading-card-mobile-nav .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-release53a .heading-card-mobile-nav .heading-card-subtitle-text { + color: #ffffff; +} +.heading-card-release53a .heading-card-mobile-nav .btn { + color: #ffffff; + background-color: #a3548f; +} +.heading-card-release53a .heading-card-mobile-nav .btn:hover { + background-color: #994f86; +} +.heading-card-release53a .heading-card-mobile-nav .btn.menu-toggle { + background-color: #25325b; +} +.heading-card-release53a .heading-card-mobile-nav .btn.menu-toggle:hover { + background-color: #212c50; +} +.heading-card-release54 .heading-card-title { + color: #555555; + border-bottom: 5px solid #101f56; +} +.heading-card-release54 .heading-card-title h1, +.heading-card-release54 .heading-card-title a { + color: #555555; +} +.heading-card-release54 .heading-card-title .btn { + color: #ffffff; + background-color: #388090; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.heading-card-release54 .heading-card-title .btn:hover { + background-color: #368ccb; +} +.heading-card-release54 .heading-card-subtitle { + background-color: #368ccb; +} +.heading-card-release54 .heading-card-subtitle .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-release54 .heading-card-subtitle .heading-card-subtitle-link.left-side { + margin-right: 15px; +} +.heading-card-release54 .heading-card-subtitle .heading-card-subtitle-text { + color: #ffffff; + font-weight: 600; +} +.heading-card-release54 .heading-card-subtitle .heading-card-subtitle-text--color { + color: #585858; +} +.heading-card-release54 .heading-card-subtitle .btn { + color: #388090; + background-color: #388090; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.heading-card-release54 .heading-card-subtitle .btn:hover { + background-color: #31707e; + border: 2px solid #31707e; +} +.heading-card-release54 .discussion-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-release54 .heading-card-mobile-nav .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-release54 .heading-card-mobile-nav .heading-card-subtitle-text { + color: #ffffff; +} +.heading-card-release54 .heading-card-mobile-nav .btn { + color: #ffffff; + background-color: #388090; +} +.heading-card-release54 .heading-card-mobile-nav .btn:hover { + background-color: #347685; +} +.heading-card-release54 .heading-card-mobile-nav .btn.menu-toggle { + background-color: #101f56; +} +.heading-card-release54 .heading-card-mobile-nav .btn.menu-toggle:hover { + background-color: #0e1a49; +} +.heading-card-release55 .heading-card-title { + color: #555555; + border-bottom: 5px solid #585858; +} +.heading-card-release55 .heading-card-title h1, +.heading-card-release55 .heading-card-title a { + color: #555555; +} +.heading-card-release55 .heading-card-title .btn { + color: #ffffff; + background-color: #e65e30; + transition: 0.3s; + -webkit-transition: 0.3s; +} +.heading-card-release55 .heading-card-title .btn:hover { + background-color: #368ccb; +} +.heading-card-release55 .heading-card-subtitle { + background-color: #368ccb; +} +.heading-card-release55 .heading-card-subtitle .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-release55 .heading-card-subtitle .heading-card-subtitle-link.left-side { + margin-right: 15px; +} +.heading-card-release55 .heading-card-subtitle .heading-card-subtitle-text { + color: #ffffff; + font-weight: 600; +} +.heading-card-release55 .heading-card-subtitle .heading-card-subtitle-text--color { + color: #585858; +} +.heading-card-release55 .heading-card-subtitle .btn { + color: #388090; + background-color: #e65e30; + border: 2px solid rgba(255, 255, 255, 0.3); + transition: 0.2s ease-in-out; + -webkit-transition: 0.2s ease-in-out; +} +.heading-card-release55 .heading-card-subtitle .btn:hover { + background-color: #e14d1b; + border: 2px solid #e14d1b; +} +.heading-card-release55 .discussion-forum .heading-card-subtitle { + background-color: #ffffff; +} +.heading-card-release55 .heading-card-mobile-nav .heading-card-subtitle-link { + color: #ffffff; +} +.heading-card-release55 .heading-card-mobile-nav .heading-card-subtitle-text { + color: #ffffff; +} +.heading-card-release55 .heading-card-mobile-nav .btn { + color: #ffffff; + background-color: #e65e30; +} +.heading-card-release55 .heading-card-mobile-nav .btn:hover { + background-color: #e45322; +} +.heading-card-release55 .heading-card-mobile-nav .btn.menu-toggle { + background-color: #585858; +} +.heading-card-release55 .heading-card-mobile-nav .btn.menu-toggle:hover { + background-color: #505050; +} +/*Used in .layout-card +/less/bootstrap3/external-theme/external-theme.less */ +.card-background { + background: #eeeeee top center repeat-x; + width: 100%; +} +/* Keeping the below content box for legacy reasons + until a code audit can be done, use the new .card class*/ +.content-box { + margin: 30px 0 0 0; + overflow: hidden; + position: relative; + background: #ffffff; + border-radius: 4px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); +} +.content-box .inner { + padding: 20px; +} +/* Content box is now card :) */ +.card { + margin: 30px 0 0 0; + overflow: hidden; + position: relative; + background: #ffffff; + border-radius: 4px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); +} +.card .inner { + padding: 20px; +} +.card .inner.ev-types-inner { + padding: 0; +} +.card .content-box-title-3 { + padding: 10px 20px 10px 20px; +} +.card .content-box-title-3 p { + padding: 0; +} +.card .inner { + padding: 20px; +} +.card .card--video-training { + padding: 0 15px 30px; +} +.heading-card-title { + padding: 20px 30px; + color: #555555; + border-bottom: 5px solid #585858; +} +.heading-card-title h1 { + display: inline-block; + margin: 0; + font-weight: 800; + font-size: 1.8em; + line-height: 1em; + text-align: left; + padding-right: 200px; +} +@media screen and (max-width: 991px) { + .heading-card-title h1 { + font-size: 1.5em; + line-height: 1.2; + } +} +.heading-card-title h1:only-child { + padding-right: 0; +} +.heading-card-title .btn { + position: absolute; + top: 50%; + right: 35px; + margin-top: -20px; + display: inline-block; + float: right; + font-size: 1em; + font-weight: 600; + letter-spacing: 0.7px; + box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); +} +.heading-card-title a { + display: block; +} +.heading-card-title a:hover { + text-decoration: none; +} +.heading-card-title p { + margin-bottom: 0; + color: #555555; +} +.heading-card-mobile-control { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 16px; + line-height: 1.5; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.heading-card-mobile-control:focus, +.heading-card-mobile-control:active:focus, +.heading-card-mobile-control.active:focus, +.heading-card-mobile-control.focus, +.heading-card-mobile-control:active.focus, +.heading-card-mobile-control.active.focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.heading-card-mobile-control:hover, +.heading-card-mobile-control:focus, +.heading-card-mobile-control.focus { + color: #333333; + text-decoration: none; +} +.heading-card-mobile-control:active, +.heading-card-mobile-control.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.heading-card-mobile-control.disabled, +.heading-card-mobile-control[disabled], +fieldset[disabled] .heading-card-mobile-control { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +.heading-card-subtitle, +.heading-card-mobile-nav { + padding: 15px 20px 15px 30px; +} +.heading-card-subtitle .right-side, +.heading-card-mobile-nav .right-side { + float: right; + float: right !important; +} +.heading-card-subtitle .heading-card-subtitle-text, +.heading-card-mobile-nav .heading-card-subtitle-text, +.heading-card-subtitle .heading-card-subtitle-link, +.heading-card-mobile-nav .heading-card-subtitle-link { + display: inline-block; + line-height: 2; + font-size: 1.05em; +} +.heading-card-subtitle .heading-card-subtitle-link, +.heading-card-mobile-nav .heading-card-subtitle-link { + font-weight: 800; +} +.heading-card-subtitle .heading-card-subtitle-text span, +.heading-card-mobile-nav .heading-card-subtitle-text span { + margin-right: 15px; +} +.heading-card-subtitle .btn, +.heading-card-mobile-nav .btn { + padding: 6px 20px; + border: 0; + font-size: 0.9em; + font-weight: 800; + letter-spacing: 0.7px; + text-transform: uppercase; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.45); +} +@media (max-width: 767px) { + .heading-card-subtitle { + padding: 10px 20px; + text-align: center !important; + } + .heading-card-subtitle .right-side { + float: none !important; + } + .heading-card-subtitle .btn { + margin: 7px 0; + } + .heading-card-subtitle-text, + .heading-card-subtitle-link { + display: block; + } +} +/* + * Card Layout Filter and Sidebar + * Combined from Video and Forum + * + */ +.sb-accordion { + margin-bottom: 0; +} +.sb-accordion .sb-accordion-header { + margin-bottom: 15px; +} +.sb-accordion .sb-accordion-header a { + text-decoration: none; + margin: 0; + display: block; + padding: 8px 15px; + cursor: pointer; + background: #585858; + border-bottom: 3px solid #585858 !important; +} +.sb-accordion .sb-accordion-header a.collapsed { + margin: 10px 0; + cursor: pointer; + border-bottom: 3px solid #585858 !important; + background: #ffffff !important; +} +.sb-accordion .sb-accordion-header h5 { + font-weight: 800; + margin: 0; + color: #ffffff; + font-size: 16px; + line-height: 1; +} +.sb-accordion .sb-accordion-header .collapsed h5 { + color: #585858; +} +.sb-accordion .sb-accordion-header .accordion-icon { + display: block; + text-align: center; + font-family: FontAwesome; + font-size: 1.3em; + font-weight: normal; + font-style: normal; +} +.sb-accordion .sb-accordion-header .collapsed .accordion-icon:before { + content: "\f0d7"; +} +.sb-accordion .sb-accordion-header .accordion-icon:before { + content: "\f0d8"; +} +.sb-accordion .sb-accordion-content ul { + padding-left: 0; +} +.sb-accordion .sb-accordion-content ul li { + padding-left: 15px; +} +.sb-accordion .sb-accordion-content .three-columns { + margin-bottom: 0; + padding: 0 0 0 15px; +} +.sb-accordion .sb-accordion-content .three-columns ul { + margin-bottom: 0px; +} +.sb-accordion .sb-accordion-content .three-columns li { + padding: 0; + margin-top: 0; + display: inline-block; + width: 32%; +} +.sb-accordion .sb-accordion-content .three-columns li:nth-of-type(1), +.sb-accordion .sb-accordion-content .three-columns li:nth-of-type(2) { + padding-right: 3px; +} +.cc-search { + position: relative; + max-width: 350px; + padding: 0; +} +.cc-search__field-wrapper { + width: auto; + position: relative; + height: 35px; +} +.cc-search input.cc-search__input { + width: 100%; + padding: 2px 8px; + padding-right: 78px; + height: 35px; + outline: none; + border: 2px solid #eeeeee; + vertical-align: top; + border-radius: 5px; + -webkit-border-radius: 5px; + transition: 0.2s; + -webkit-transition: 0.2s; + background: #eeeeee; +} +.cc-search input.cc-search__input:focus { + background: #ffffff; + box-shadow: 0 0 10px #dddddd; + -webkit-box-shadow: 0 0 10px #dddddd; +} +.cc-search input:focus { + border: 2px solid #368ccb; +} +.cc-search button.cc-search__submit { + position: absolute; + top: 0px; + right: 0px; + color: #ffffff; + line-height: 35px; + height: 35px; + width: 70px; + overflow: hidden; + border: none; + margin: 0; + margin-left: -5px; + padding: 0; + background: #368ccb; + font-weight: 600; + font-size: 16px; + outline: none; + border-radius: 0 5px 5px 0; + -webkit-border-radius: 0 5px 5px 0; + transition: 0.2s; + -webkit-transition: 0.2s; +} +.cc-table-custom { + border-collapse: inherit; + border-spacing: 8px; +} +.cc-search button.cc-search__submit:hover { + background: #eeeeee; +} +@media only screen and (min-width: 768px) { + .cc-border-left { + border-left: 1px solid #dddddd; + padding-left: 24px; + margin-bottom: 20px; + } +} +@media only screen and (max-width: 768px) { + .cc-hide { + display: none; + } + .cc-border-left { + transform: translateX(-20%); + } +} +.amphos21 img { + width: 100%; +} +.darkBand { + position: relative; + width: 100%; + min-height: 50px; + background-color: #dddddd; + background-color: rgba(0, 0, 0, 0.65); + z-index: 2; + font-size: 16px; +} +.darkBand a { + color: #ffffff; + font-weight: 400; +} +.actionContent { + display: inline; + font-size: 16px; + font-weight: 600; + position: relative; + top: 15px; + color: #ffffff; +} +.newsHolder { + padding-left: 4px; + border-radius: 3px; +} +.newsFeedLabel { + display: inline; +} +.newsFeedLabel span { + display: inline; + font-weight: 600; + position: relative; + color: #ffffff; +} +#newsFeed { + display: inline; + text-align: left; +} +.actionButton { + display: inline; +} +.actionButton:first-of-type { + padding-right: 20px; +} +.actionButton img { + padding-right: 7px; +} +@media (min-width: 980px) { + .actionPadding { + position: relative; + top: 15px; + } + .smOpen { + display: inline; + } + .imageActionBox { + margin-bottom: -50px !important; + } +} +@media (max-width: 1200px) { + .actionButton:first-of-type { + padding-right: 10px; + } + .actionButton, + .newsHolder { + font-size: 14px; + } +} +@media (max-width: 991px) { + .actionButton:first-of-type { + padding-right: 5px; + } +} +@media (max-width: 979px) { + .darkBand { + position: relative; + width: 100%; + margin-top: 0; + } + .actionButton { + font-size: 16px; + } + .actionButton, + .smOpen { + display: block; + clear: both; + float: none; + padding: 20px 0px; + border-bottom: 1px dotted #333333; + text-align: center; + } +} +/* === Homepage 2020 - General Styles === */ +.hp-2020 a:hover, +.hp-2020 a:focus { + text-decoration: none; +} +.hp-section__padding { + padding: 45px 0; +} +.hp-section-title { + font-weight: bold; + margin-bottom: 10px; + font-size: 26px; + color: #585858; + line-height: 1.2; +} +.hp-section-title--products { + font-size: 30px; +} +.hp-section-subline { + font-size: 16.5px; + margin-bottom: 30px; + color: #585858; + padding: 0; +} +.hp-section-title--contact { + color: #005596; +} +.hp-section-subline--contact { + color: #25325b; + font-weight: 700; +} +.hp-section-title--company { + margin-bottom: 15px; +} +.hp-greybox { + background: #eeeeee; + padding: 20px 20px; + margin-bottom: 15px; + border: 1px solid #dddddd; + font-size: 0.95em; +} +.hp-greybox h5 { + margin-top: 0; +} +/* === Section Containers === */ +.hp-section { + width: 100%; +} +.hp-section--campaign-bar { + background: #26325c; + border-top: 5px solid #388090; +} +.hp-section--products { + background: #f9f9f9; +} +.hp-section--events { + background: #eeeeee; +} +.hp-section--company { + background: #f9f9f9; +} +.hp-section--testimonials { + background: #eeeeee; +} +.hp-section--resources { + background: #f9f9f9; +} +.hp-section--contact { + background: #84c2ea; +} +/* === Homepage 2020 - Hero Section === */ +.hp-hero__cta-btn { + display: inline-block; + transition: 200ms; + font-size: 0.9em; + font-weight: 700; +} +.hp-hero__cta-btn--primary { + background: #368ccb; + padding: 8px 16px; + color: #ffffff; + margin-right: 10px; + border-radius: 5px; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); +} +.hp-hero__cta-btn--primary:hover, +.hp-hero__cta-btn--primary:focus { + text-decoration: none; + color: #ffffff; + background: #2a70a2; +} +.hp-hero__cta-btn--secondary { + background: none; + padding: 6px 12px; + border: 2px solid #388090; + border-radius: 5px; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); + color: #388090; +} +.hp-hero__cta-btn--secondary:hover, +.hp-hero__cta-btn--secondary:focus { + text-decoration: none; + border: 2px solid #388090; + background: #388090; + color: rgba(255, 255, 255, 0.8); +} +.hp-hero __mobile-bg { + text-align: center; +} +.hp-hero __mobile-bg-img { + display: inline-block; + width: 100%; + max-width: 400px; +} +/* === Homepage 2020 - Campaign Bar === */ +.hp-campaign-bar__button { + padding: 15px; + font-weight: 600; + border-left: 1px solid #465382; + color: #ffffff; + font-size: 0.95em; + text-transform: capitalize; + line-height: 3; + transition: 150ms; + -webkit-transition: 150ms; + color: #ffd999; + font-size: 20px; +} +.hp-campaign-bar__button:hover, +.hp-campaign-bar__button:focus { + text-decoration: none; + color: #ffffff; +} +.hp-campaign-bar__text { + padding: 0; + line-height: 1.5; +} +.hp-campaign-bar__text-link { + display: block; + float: left; + font-size: 20px; +} +.hp-campaign-bar__text-link:hover .hp-campaign-bar__headline { + color: #ffffff; +} +.hp-campaign-bar__text-link:hover .hp-campaign-bar__subline { + color: rgba(255, 255, 255, 0.65); +} +.hp-campaign-bar__headline { + display: block; + font-size: 1.05em; + font-weight: 700; + color: #e7edf5; +} +.hp-campaign-bar__subline { + display: block; + font-size: 0.9em; + font-weight: 500; + color: rgba(255, 255, 255, 0.55); +} +/* === Homepage 2020 - Product Section === */ +.hp-product__info-box { + background: #eeeeee; + border: 1px solid #dddddd; + padding: 20px 20px; + margin-bottom: 20px; + min-height: 220px; +} +.hp-product__content p { + font-size: 0.95em; +} +.hp-product__cta-btn { + display: inline-block; + background: #eea342; + padding: 8px 16px; + font-weight: bold; + margin-right: 10px; + color: #ffffff; + border-radius: 5px; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); + transition: 150ms; +} +.hp-product__cta-btn:hover, +.hp-product__cta-btn:focus { + text-decoration: none; + background-color: #ec982b; + color: #ffffff; +} +.hp-product__wistia-container { + border: 1px solid #dddddd; + width: 100%; + height: 0; + padding-top: 56.25%; + position: relative; +} +.hp-product__video { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.hp-product__module-type { + font-size: 12px; +} +.hp-product__module-name { + font-weight: bold; + margin-bottom: 5px; + font-size: 1.15em; +} +.hp-product__module-name--comsolmph { + font-weight: bold; + margin-bottom: 10px; + font-size: 1.2em; +} +.hp-product__module-description { + font-size: 0.95em; + font-size: 15px; +} +.hp-product__module-link a { + font-weight: 700; + font-size: 0.85em; +} +/* Homepage - Button Customization */ +.hp-btn { + display: inline-block; + transition: 200ms; +} +.hp-btn:hover, +.hp-btn:focus { + text-decoration: none; +} +/* Homepage - Company Section */ +.hp-company__content { + padding: 20px; + margin-bottom: 0; + background: none; + border: 0px solid #dddddd; + border-radius: 5px; + font-size: 0.95em; +} +.hp-company__content ul { + margin-bottom: 1.5em; +} +.hp-product__content h4, +.hp-company__content h4 { + color: #005596; +} +.hp-company__cta-btn { + font-size: 15px; + background: #005596; + padding: 8px 16px; + font-weight: bold; + margin-right: 10px; + border-radius: 5px; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); + color: #ffffff; +} +.hp-company__cta-btn:hover, +.hp-company__cta-btn:focus { + background: #00477d; + color: #ffffff; + text-decoration: none; +} +.hp-latest-news { + border: 1px solid #dddddd; + padding: 20px 20px; +} +.hp-latest-news h4 { + margin: 0 0 10px; +} +/* Homepage - News Section */ +.hp-news-item { + display: block; + transition: 200ms; + -webkit-transition: 200ms; +} +.hp-news-item__content { + display: flex; + align-items: center; + border-bottom: 1px solid #dddddd; + padding: 10px 0; + padding-left: 10px; + color: #585858; + font-weight: 600; + transition: 150ms; + -webkit-transition: 150ms; +} +.hp-news-item__content:hover { + background: #eeeeee; +} +.hp-news-item:hover, +.hp-news-item:focus { + text-decoration: none; +} +.hp-news-item:hover .hp-news-item__title, +.hp-news-item:focus .hp-news-item__title { + color: #368ccb; +} +.hp-news-item__img-box { + flex: 1 0 120px; + max-width: 120px; +} +.hp-news-item__img-box img { + width: 100%; + height: 100%; + object-fit: cover; + border: 1px solid #dddddd; +} +.hp-news-item__title { + flex: 0 1 auto; + padding: 0 10px 0 15px; + line-height: 1.2; +} +.hp-news-item__date { + flex: 0 1 auto; + color: #999999; + font-size: 0.85em; + font-weight: 500; +} +.hp-news__scroller { + max-height: 280px; + overflow-y: scroll; + padding-right: 10px; +} +/* === Homepage 2020 - Events Section */ +.hp-events-item { + display: block; + margin-bottom: 30px; + color: #585858; + border: #e7edf5; + border: 2px solid #e7edf5; + border-radius: 8px; + transition: 200ms; +} +.hp-events-item:hover, +.hp-events-item:focus { + display: block; + text-decoration: none; + border: 2px solid #368ccb; + color: #585858; +} +.hp-events-item__content { + display: flex; + background: #ffffff; + border-radius: 5px; + min-height: 220px; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); +} +.hp-events__item-description { + font-size: 0.9em; + margin-top: 10px; + line-height: 1.2; +} +.hp-events__item-title { + font-weight: bold; + color: #005596; + font-size: 1.3em; + line-height: 1.2; + margin-bottom: 5px; +} +.hp-events__item-text { + flex: 0 1 45%; + padding: 20px; +} +.hp-events__item-img { + flex: 1 0 55%; + overflow: hidden; + border-radius: 0 5px 5px 0; +} +.hp-events__item-img img { + width: 100%; + height: 100%; + object-fit: cover; +} +.hp-events__item-img--comsoldays img { + object-position: right; +} +/* Homepage 2020 - Testimonials Section */ +.testimonial-link { + display: block; + color: #585858; +} +.testimonial-link:hover .testimonial-story { + background: #f19986; + color: #ffffff; +} +.testimonial-story { + position: relative; + background: #ffffff; + height: 100px; + margin-bottom: 20px; + border-radius: 5px; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); + display: flex; + align-items: center; + transition: 150ms; + -webkit-transition: 150ms; +} +.testimonial-img { + position: absolute; + width: 120px; + height: 100px; + background: #eeeeee; + border-radius: 5px 0 0 5px; +} +.testimonial-img img { + border-radius: 5px 0 0 5px; +} +.testimonial-story-title { + font-size: 1.2em; + position: absolute; + left: 135px; + font-weight: 600; + padding-right: 15px; + line-height: 1.2; +} +/* === Homepage 2020 - Resources Section === */ +.hp-resources__title { + font-size: 1.2em; + font-weight: 700; + color: #005596; + margin-bottom: 0.5em; +} +.hp-resources__card { + display: block; + color: #585858; + border: 2px solid #eeeeee; + transition: 200ms; + border-radius: 5px; +} +.hp-resources__card > div { + min-height: 330px; +} +.hp-resources__card:hover, +.hp-resources__card:focus { + text-decoration: none; + border: 2px solid #368ccb; + border-radius: 6px; + color: #585858; +} +.hp-resources__description { + font-size: 0.95em; +} +.hp-resources__card-content { + display: flex; + background: #ffffff; + border-radius: 5px; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); + flex-direction: column; +} +.hp-resources__card-image { + max-height: 210px; + overflow: hidden; +} +.hp-resources__card-image img { + border-radius: 4px 4px 0 0; + width: 100%; + object-fit: cover; +} +.hp-resources__card-text { + padding: 20px; + min-height: 160px; +} +.hp-resources__grid-padding { + padding: 0; +} +/* Homepage 2020 - Contact Section ========== */ +.hp-contact__cta-btn { + background: #388090; + padding: 8px 16px; + border-radius: 5px; + font-weight: bold; + color: #ffffff; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); +} +.hp-contact__cta-btn:hover, +.hp-contact__cta-btn:focus { + color: #ffffff; + background-color: #31707e; +} +/* Home 2020 - Hero Test =========== */ +.hp-hero { + display: flex; + align-items: center; + height: 615px; + background: #c0d6e8; + background-size: cover; + margin: 0 -15px; +} +html.webpalpha .hp-hero { + background: #c0d6e8 url(https://cdn.comsol.com/frontpagesplash/2021/HomePage-Header60v2.webp) center 100% no-repeat; + background-size: cover; +} +html.no-webpalpha .hp-hero { + background: #c0d6e8 url(https://cdn.comsol.com/frontpagesplash/2021/HomePage-Header60.png) center 100% no-repeat; + background-size: cover; +} +.hp-hero__title { + font-size: 2.5em; + font-weight: bold; + line-height: 1.1; + margin-bottom: 0.5em; + color: #333333; +} +.hp-hero__bullet-list { + padding: 0 5px; + font-weight: normal; + margin-bottom: 1.3em; + font-size: 1.1em; +} +.hp-hero__content { + flex: 0 1 50%; + padding-left: 5vw; +} +.hp-hero__bullet-item { + display: flex; + margin-bottom: 10px; +} +.hp-hero__bullet { + flex: 0 1 auto; + margin-right: 10px; + font-size: 0.9em; +} +.hp-hero__bullet > i { + color: #84c2ea; + color: #999999; +} +.hp-hero__item-description { + flex: 1 1 auto; + font-size: 0.9em; +} +/* == Homepage 2020 - Layout Elements */ +.hp-section__padder { + padding: 0 60px; +} +.hp-section__padder--campaign-bar { + padding: 25px 0; + width: 100%; +} +.hp-section__padder--events { + padding: 0; +} +/* === Homepage 2020 - Media Queries === */ +/* Bootstrap Breakpoints */ +@media (max-width: 767px) { + .hp-section__padding { + padding: 30px 15px; + } + .hp-hero { + position: relative; + height: auto; + } + .hp-hero::after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #c0d6e8 url(https://cdn.comsol.com/frontpagesplash/2020/HomePage2020-Header-v1.jpg) left 100% no-repeat; + } + .hp-hero__mobile-bg { + text-align: center; + } + .hp-hero__cta-btn--primary { + margin-bottom: 15px; + } + .hp-hero__cta-btn--secondary { + margin-bottom: 45px; + } + .hp-hero__cta-btn--primary, + .hp-hero__cta-btn--secondary { + width: 100%; + text-align: center; + } + .hp-hero__content { + flex: 0 1 100%; + padding: 60px 60px 0; + z-index: 10; + font-size: 1em; + } + .hp-hero__bullet-list { + font-size: 1em; + } + .hp-hero__title { + font-size: 1.9em; + } + .hp-campaign-bar__button { + display: inline-block; + margin: 0; + padding: 0; + border-left: none; + line-height: 1.5; + margin-top: 15px; + } + .hp-campaign-bar__headline { + font-size: 1.05em; + } + .hp-campaign-bar__subline { + font-size: 1em; + } + .hp-section__padder--testimonials { + padding: 0; + } + .hp-company__content { + padding: 0; + margin-bottom: 30px; + } + .hp-resources__card > div { + min-height: 360px; + } + .hp-section__padder--campaign-bar { + padding: 25px 15px; + } + .hp-section__padder--contact { + padding: 0 15px; + } + .hp-section-title, + .hp-section-subline { + text-align: left; + } + .hp-events-item--webinars { + margin-bottom: 0; + } + .hp-product__info-box { + min-height: auto; + } + .hp-resources__card--application-gallery, + .hp-resources__card--learning-center { + margin-bottom: 30px; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hp-hero__title { + font-size: 1.8em; + } + .hp-hero__cta-btn--primary { + margin-bottom: 15px; + } + .hp-hero__cta-btn--secondary { + min-width: 236px; + text-align: center; + } + .hp-section__padder--events { + padding: 0 90px; + } + .hp-section__padder--contact { + padding: 0; + } + .hp-events-item--webinars { + margin-bottom: 0; + } + .hp-product__info-box { + min-height: auto; + } + .hp-resources__card--application-gallery, + .hp-resources__card--learning-center { + margin-bottom: 30px; + } + .hp-company__content { + padding: 0 20px; + margin-bottom: 30px; + } + .hp-resources__grid-padding { + padding: 0 30px; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hp-hero__title { + font-size: 2em; + } + .hp-resources__card > div { + min-height: 350px; + } + .hp-section__padder--events { + padding: 0 180px; + } + .hp-events-item--webinars { + margin-bottom: 0; + } + .hp-product__info-box { + position: relative; + min-height: 230px; + } + .hp-product__module-link { + position: absolute; + bottom: 15px; + left: 20px; + } + .hp-section__padder--contact { + padding: 0 90px; + } +} +@media (min-width: 1200px) { + .hp-product__info-box { + position: relative; + } + .hp-product__module-link { + position: absolute; + bottom: 15px; + left: 20px; + } + .hp-section__padder--contact { + padding: 0 200px; + } +} +/* Custom Breakpoints */ +@media (max-width: 650px) { + .hp-hero__title { + font-size: 1.7em; + } + .hp-resources__grid-padding { + padding: 0; + } +} +@media (min-width: 1600px) { + .hp-hero__content { + font-size: 1.1em; + } +} +@media (min-width: 1800px) { + .hp-hero__content { + font-size: 1.2em; + } +} +/********************************** + + Cylcopedia Style Sheet + +**********************************/ +/* original +@cyclopedia-primary-color: #297fbe; +@cyclopedia-link-color: #368ccb; //standard blue +@cyclopedia-hover-color: #446f83; //hover blue +*/ +.cyclopediaBody { + padding-top: 35px; + line-height: 1.8em; + background-color: #eeeeee; + background-repeat: no-repeat; + background-position: center top; +} +.cyclopediaBody h3 { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-style: italic; + color: #999999; + font-size: 26px; + margin-top: 28px; + margin-bottom: 15px; + font-weight: 400; +} +.cyclopediaBody h4 { + font-weight: 700; + font-size: 21px; +} +.cyclopediaBody h5 { + font-size: 20px; + font-style: italic; + font-weight: 600; +} +.cyclopediaBody p, +.cyclopediaBody li { + font-family: 'droid-serif', serif; + font-size: 1.125em; + line-height: 1.8em; +} +.cyclopediaBody a { + color: #368ccb; +} +.cyclopediaBody a:hover { + color: #388090; +} +.cyclopediaBody form { + margin: 0; +} +.cyclopediaBody .multiphysics-definition { + display: block; + width: 100%; + box-sizing: border-box; + padding: 15px; + text-indent: 5px; + background-color: #f2f2f2; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + border: 0.08em dotted rgba(0, 0, 0, 0.05); +} +.cyclopediaBody blockquote small:before { + content: ""; +} +.cyclopediaBackgroundBox { + width: 100%; + margin-bottom: 35px; + background-color: #ffffff; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + border: 0.08em solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0 0.625em 0.08em rgba(0, 0, 0, 0.05); + position: relative; + z-index: 200; +} +.cyclopediaContentWrapper { + width: 80%; + margin: 0 auto; +} +@media (max-width: 768px) { + .cyclopediaContentWrapper { + width: 95%; + } +} +.cyclopediaBreadCrumbs { + display: inline-block; + margin-top: 10px; + margin-bottom: 10px; + padding-bottom: 5px; + width: 100%; + border-bottom: dotted 1px #585858; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +/*********************** + sidebar +************************/ +.cyclopediaSidebar { + background-color: #f9f9f9; + box-sizing: border-box; + padding: 15px; + overflow: hidden; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + border: 0.08em solid rgba(0, 0, 0, 0.1); + position: relative; + z-index: 100; + -o-transition: background 0.2s ease-out, background 0.2s ease-in; + -ms-transition: background 0.2s ease-out, background 0.2s ease-in; + -moz-transition: background 0.2s ease-out, background 0.2s ease-in; + -webkit-transition: background 0.2s ease-out, background 0.2s ease-in; + transition: background 0.2s ease-out, background 0.2s ease-in; +} +.cyclopediaSidebar a:hover { + text-decoration: none; +} +.cyclopediaSidebar:hover { + background-color: #ffffff; +} +@media (min-width: 992px) { + .cyclopediaSidebar { + width: 112%; + } +} +.cyclopediaSidebar .cycloSidenavBlueBackground { + z-index: 500; + position: absolute; + top: 0; + left: 0; + background-color: #2f84c3; + width: 300px; + height: 98px; + -webkit-border-bottom-right-radius: 43px; + -moz-border-radius-bottomright: 43px; + border-bottom-right-radius: 43px; +} +.cyclopediaSidebar h1 { + font-family: "utopia-std", georgia, serif; + font-weight: 400; + text-transform: uppercase; + margin-top: -2px; + color: #ffffff; + font-size: 36px; + position: relative; + z-index: 600; + text-indent: -10000px; + overflow: hidden; + background-image: url(https://cdn.comsol.com/cyclopedia/cyclopedia-logo.svg); + background-repeat: no-repeat; + background-size: 100%; + max-width: 255px; + height: 91px; +} +@media (max-width: 979px) { + .cyclopediaSidebar h1 { + font-size: 31px; + line-height: 1em; + } +} +.cyclopediaSidebar h1.cn-logo { + background-image: url(https://cdn.comsol.com/cyclopedia/Cyclopedia_CN_logo.svg); + max-width: 273px; + background-position: -4px 16px; +} +.cyclopediaSidebar h2 { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-weight: 300; + text-transform: lowercase; + margin-bottom: 0px; + margin-top: 0px; + color: #b8d4e9; + padding-right: 5.18518519em; + font-size: 25px; + position: relative; + z-index: 600; +} +@media (max-width: 979px) { + .cyclopediaSidebar h2 { + font-size: 20.5px; + } +} +@media (max-width: 768px) { + .cyclopediaSidebar { + -webkit-border-radius: 0px; + -webkit-border-top-left-radius: 5px; + -webkit-border-top-right-radius: 5px; + -moz-border-radius: 0px; + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + border-radius: 0px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + } +} +.cyclopediaSidebar .wpSideBarSearchBar { + border: none; + margin-bottom: 0; + width: 264px; +} +@media (max-width: 979px) { + .cyclopediaSidebar .wpSideBarSearchBar { + width: 199px; + margin-top: 0; + } +} +.cyclopediaSidebar .wpSearchField { + width: 224px; + -webkit-border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-topleft: 4px; + -moz-border-radius-bottomleft: 4px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +@media (max-width: 979px) { + .cyclopediaSidebar .wpSearchField { + width: 154px; + } +} +.cyclopediaSidebar .wpSearchButton { + -webkit-border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-bottomright: 4px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.cyclopediaSidebar .wpAccentColor { + background-color: #368ccb; + border-color: #368ccb; +} +.cyclopediaSidebar .wpAccentColor:hover { + background-color: #388090; + border-color: #388090; +} +.hideList { + display: none; +} +.cyclopediaList { + font-size: 12px; +} +.cyclopediaList li { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-weight: 600; + color: #5B7886; + font-size: 14px; +} +.cyclopediaList li.headOfList { + list-style: none; +} +.cyclopediaList li:hover { + text-decoration: none; + color: #368ccb; +} +.cyclopediaList ul li { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-weight: 400; + text-transform: none; + list-style: circle; + color: #999999; +} +.cyclopediaList ul li a:hover { + text-decoration: none; + color: #368ccb; +} +.cyclopediaList ul ul ul li { + font-weight: 400; + text-transform: none; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + list-style: circle; + color: #999999; +} +.cyclopediaList ul ul ul li a:hover { + text-decoration: none; + color: #368ccb; +} +.cyclopediaList a { + color: #5B7886; +} +.cyclopediaList a:hover { + border-bottom: dotted 1px #368ccb; + color: #368ccb; +} +.cyclopediaList .active.last a { + color: #368ccb; + font-weight: bold; +} +.cyclopediaList i { + color: #5B7886; + top: 0.4em; +} +.cyclopediaList i:hover { + color: #368ccb; + cursor: pointer; +} +.toggleList:hover { + cursor: pointer; + text-decoration: none; +} +.toggleList:hover a { + text-decoration: none; +} +/*********************** + entries +************************/ +.cyclopediaImages { + display: block; + width: 100%; + margin: 20px auto; + position: relative; +} +.cyclopediaImages h2 { + font-weight: 600; + padding: 2.5%; + margin-left: 0; + position: relative; +} +@media (min-width: 768px) { + .cyclopediaImages h2 { + margin-bottom: 10px; + position: absolute; + bottom: -10px; + z-index: 950; + box-sizing: border-box; + padding: 13px 45px 4px 10%; + background-color: #ffffff; + -webkit-border-top-right-radius: 35px; + -moz-border-radius-topright: 35px; + border-top-right-radius: 35px; + } +} +.cyclopediaImages small { + display: inline-block; + margin-top: 5px; + box-sizing: border-box; + padding: 3px; + margin-bottom: 2px; + width: 100%; + font-size: 14px; +} +.cyclopediaImages small p { + font-size: 14px; +} +.cyclopediaImages.cyclopediaCover { + margin: 0; + width: 100%; + position: relative; + overflow: hidden; +} +.cyclopediaImages.cyclopediaCover img { + position: relative; + z-index: 900; + width: 100%; + display: block; + -webkit-border-top-left-radius: 5px; + -webkit-border-top-right-radius: 5px; + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +@media (max-width: 768px) { + .cyclopediaImages.cyclopediaCover img { + -webkit-border-top-left-radius: 0px; + -webkit-border-top-right-radius: 0px; + -moz-border-radius-topleft: 0px; + -moz-border-radius-topright: 0px; + border-top-left-radius: 0px; + border-top-right-radius: 0px; + } +} +.cyclopediaImages .cmImgPhoneCaption { + display: none !important; +} +.cyclopediaVideo { + position: relative; + padding-bottom: 56.25%; + /* 16:9 */ + padding-top: 25px; + height: 0; + margin-bottom: 24px; +} +.cyclopediaVideo iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.cyclopediaMath { + text-align: center; + margin: 15px auto; +} +.cyclopediaMath img { + max-width: 100%; +} +.equationOrderNumber { + display: inline-block; + text-align: right; + float: right; +} +.references { + margin-bottom: 40px; + padding-bottom: 10px; + font-size: 0.8em; + color: #999999; + border-bottom: dotted 1px #368ccb; +} +@media (max-width: 768px) { + .references h4 { + padding: 0 15px 10px 15px; + } +} +/*********************** + footer +***********************/ +.cyclopediaFooterWrapper { + width: 85%; + margin: 0 auto; +} +.cyclopediaFooterWrapper span { + font-size: 16px; + color: #999999; + text-transform: uppercase; + display: block; + font-weight: 400; +} +.cyclopediaFooterWrapper a span:hover { + color: #999999; + text-decoration: none; +} +.cyclopediaFooterRow { + width: 100%; +} +.cyclopediaFooterRow:before, +.cyclopediaFooterRow:after { + content: " "; + display: table; +} +.cyclopediaFooterRow:after { + clear: both; +} +.cyclopediaFooterRow:before, +.cyclopediaFooterRow:after { + content: " "; + display: table; +} +.cyclopediaFooterRow:after { + clear: both; +} +.cyclopediaFooterRow:nth-child(2) span { + margin-left: 7.5%; +} +.cyclopediaFooterElement { + width: 100%; + border-bottom: dotted 1px #368ccb; + float: left; + display: block; + margin-top: 10px; + margin-bottom: 34px; +} +.cyclopediaFooterElement:hover { + background-color: #a5d5cf; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +@media (min-width: 768px) { + .cyclopediaFooterElement { + margin-top: 0; + margin-bottom: 28px; + width: 50%; + border-bottom: none; + } +} +.cyclopediaFooterElement i { + font-size: 32px; + color: #368ccb; + display: block; + float: left; + width: 15%; + box-sizing: border-box; + padding: 4px; +} +.cyclopediaFooterElement i.fa-chevron-right { + text-align: right; +} +.cyclopediaFooterElement strong { + color: #333333; +} +.cyclopediaFooterElement strong:hover { + color: #333333; +} +.cyclopediaFooterBtn { + width: 85%; + float: left; + font-size: 16px; + min-height: 100px; +} +.cyclopediaFooterNext { + text-align: right; +} +.cyclopediaRelatedArticles { + margin-left: 7.5%; + margin-bottom: 45px; +} +@media (min-width: 768px) { + .cyclopediaRelatedArticles { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + } +} +.cyclopediaRelatedArticles ul li { + color: #368ccb; + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; + font-size: 14px; + page-break-inside: avoid; + break-inside: avoid-column; + -webkit-column-break-inside: avoid; +} +.cyclopediaHomeFooterWrapper { + width: 80%; + margin: 0 auto; +} +@media (max-width: 768px) { + .cyclopediaHomeFooterWrapper { + width: 95%; + } +} +.cyclopediaHomeFooterWrapper .accordion-group { + border-style: none; +} +.cyclopediaHomeFooterWrapper .accordion-toggle { + font-size: 16px; + text-decoration: none; + font-weight: 800; + color: #999999; + text-transform: uppercase; + display: block; + width: 100%; + text-align: center; + padding: 10px 0; +} +.cyclopediaHomeFooterWrapper .accordion-toggle:hover { + background-color: #a5d5cf; +} +.cyclopediaHomeFooterWrapper .cyclopediaRelatedArticles { + margin: 0px; +} +.merge-table + h3 + p + table + table { + transform: translateY(-25px); +} +.cyclo-table-heading { + color: #eea342; + font-weight: bold; +} +/*********************** + Placeholder Content +************************/ +.placeholder-msg { + border: 1px solid #dbedf9; + background: #f8fbfd; + margin-bottom: 1em; + padding: 1.3em; + border-radius: 5px; + color: #84c2ea; + font-size: 1em; + text-align: center; +} +/*================= Color palette =================*/ +/*Primary colors*/ +/*Additional colors*/ +/*color palet 2019*/ +/*=================/ Color palette =================*/ +.conf-light { + color: #ffffff; +} +.conf-light p { + color: #ffffff; +} +.conf-dark { + color: #333333; +} +.conf-gray { + color: #585858; +} +.conf-accent { + color: #d61e57; +} +.conf-blue-accent { + color: #0079c1; +} +.conf-purple { + color: #b455a0; +} +.accessScreenToggle li a { + font-size: 17px; + font-weight: 400; +} +.conf-text-left { + text-align: left; +} +.conf-text-center { + text-align: center; +} +.conf-h2, +.conf-h3, +.conf-h4, +.conf-h5, +.conf-p-large, +.conf-p-small, +.conf-labels { + font-family: "Lato", "Segoe UI", "Gill Sans Nova", "Helvetica neue", Helvetica, Verdana, Geneva, Tahoma, sans-serif; +} +.conf-h2 { + text-transform: uppercase; + font-size: 2em; + font-weight: 800; +} +.conf-h3 { + text-transform: uppercase; + font-size: 1.5em; + line-height: 1.2em; + font-weight: 800; +} +.conf-h4 { + font-size: 1.4em; + line-height: 1.3; + font-weight: 600; +} +.conf-h5 { + font-size: 1.23em; + font-weight: 800; + color: #25325b; +} +.conf-labels { + font-size: 1.2em; + font-weight: 400; + padding-bottom: 5px; +} +.conf-p-large { + font-size: 1.2em; + line-height: 1.5em; + max-width: 45em; + font-weight: 400; + margin: 20px auto; +} +.conf-p-small { + font-size: 1.1em; + line-height: 1.3em; + font-weight: 400; +} +.conf-h-top { + margin-top: 0; +} +.conf-white-bg { + padding: 50px 0; + margin: 0; + background: #ffffff; +} +.header-block .header-info { + position: absolute; + top: 43px; + left: 69px; + height: 144px; + padding: 20px 0; + z-index: 1000; +} +.header-block .header-info h1 { + position: absolute; + height: 144px; + width: 308px; + left: 0; + padding: 0; + margin: 0; +} +.header-block .header-info h1 a { + background-position: 0 20px; + height: 144px; + background-size: auto 104px; +} +.header-block .header-info h1.conf-logo--separator { + border-right: 2px solid rgba(255, 255, 255, 0.38); +} +.header-block .header-info .header-location { + position: absolute; + left: 350px; + color: #ffffff; + min-width: 300px; + top: 93px; +} +.header-block .header-info .header-location .hl-date { + font-size: 1.5em; + display: block; + font-weight: 300; +} +.header-block .header-info .header-location .hl-venue { + font-size: 0.9em; + display: block; + text-transform: uppercase; + font-weight: 800; +} +.header-block .std { + background: #0079c1 url('https://cdn.comsol.com/conference/2017/save-the-date/SaveTheDate_2018_header_photo.jpg') center repeat-x; +} +.header-block a.conf-logo { + height: 104px; + display: block; + vertical-align: middle; + text-indent: 150%; + white-space: nowrap; + overflow: hidden; + margin: 0; + background-size: auto 100%; + background-repeat: no-repeat; + opacity: 1; + transition: opacity 0.8s ease; +} +.std-block { + background: #0079c1 url('https://cdn.comsol.com/conference/2017/save-the-date/SaveTheDate_2018_header_photo.png') center repeat-x; +} +.conf-bar { + position: relative; + height: 60px; + transition: all 0.4s ease; + z-index: 300; + line-height: 60px; + letter-spacing: 0.05em; + width: 100%; + box-shadow: 0 -3px 10px rgba(1, 26, 41, 0.48); +} +.conf-bar .mb { + display: block; +} +.conf-bar h1 { + margin: 0; + padding: 0; +} +.conf-bar .conf-main-nav { + height: 60px; +} +.conf-bar ul { + text-align: center; + list-style: none; + padding: 0; + font-size: 0; +} +.conf-bar li { + display: inline-block; + vertical-align: middle; + text-align: center; + font-size: 0.85em; + line-height: 60px; + position: relative; + font-weight: 800; + text-transform: uppercase; + padding: 0 0.65%; + z-index: 10; + font-size: 14px; + margin-left: -5px; +} +.conf-bar a, +.conf-bar a:active, +.conf-bar a:visited { + text-decoration: none; + transition: 0.2s; +} +.conf-bar .active a { + border-bottom: 3px solid #b455a0; +} +.logo-nav ul { + text-align: center; + list-style: none; + padding: 0; + text-align: left; + color: #ffffff; + font-size: 0; +} +.logo-nav li { + display: inline-block; + vertical-align: middle; + text-align: left; + font-size: 0.85em; + line-height: 60px; + position: relative; + font-weight: 500; + text-transform: uppercase; + font-size: 14px; + list-style: none; +} +.logo-nav a { + color: #ffffff; +} +.logo-nav a:hover { + color: #d61e57; + list-style: none; + text-decoration: none; +} +.logo-nav a, +.logo-nav a:active, +.logo-nav a:visited { + transition: 0.2s; +} +.logo-nav .change-location, +.logo-nav i { + line-height: 55px; + list-style: none; + text-decoration: none; + vertical-align: bottom; +} +.logo-nav .change-location { + width: 200px; + padding: 10px; + border: 1px solid #ffffff; + border-right: 1px solid #ffffff; + border-radius: 10px; +} +.logo-nav i { + color: #d61e57; +} +.logo-nav-home .change-location { + position: relative; + top: 40px; +} +.logo-nav-home ul.location-dropdown { + position: absolute; + top: 105px; +} +.conf-bar-desktop .conf-main-nav { + background: #2A2A72; +} +.conf-bar-desktop a, +.conf-bar-desktop a:active, +.conf-bar-desktop a:visited { + transition: 0.2s; + color: #ffffff; +} +.conf-bar-desktop a:hover, +.conf-bar-desktop a:active:hover, +.conf-bar-desktop a:visited:hover, +.conf-bar-desktop a:focus, +.conf-bar-desktop a:active:focus, +.conf-bar-desktop a:visited:focus { + color: #b455a0; +} +.conf-bar-stuck, +.conf-bar-mobile { + background: #25325b; + box-shadow: 0 3px 10px rgba(1, 26, 41, 0.48); +} +.conf-bar-stuck a, +.conf-bar-mobile a, +.conf-bar-stuck a:active, +.conf-bar-mobile a:active, +.conf-bar-stuck a:visited, +.conf-bar-mobile a:visited { + text-decoration: none; + transition: 0.2s; + color: #ffffff; +} +.conf-bar-stuck a:hover, +.conf-bar-mobile a:hover, +.conf-bar-stuck a:active:hover, +.conf-bar-mobile a:active:hover, +.conf-bar-stuck a:visited:hover, +.conf-bar-mobile a:visited:hover, +.conf-bar-stuck a:focus, +.conf-bar-mobile a:focus, +.conf-bar-stuck a:active:focus, +.conf-bar-mobile a:active:focus, +.conf-bar-stuck a:visited:focus, +.conf-bar-mobile a:visited:focus { + color: #b455a0; +} +.conf-bar-stuck .conf-logo-nav-container, +.conf-bar-mobile .conf-logo-nav-container { + display: block; + overflow: visible; + vertical-align: middle; + background-color: #368ccb; + height: 90px; + width: 182px; + position: absolute; + max-height: 999px; + top: 0; + padding: 20px; + transition: all 0.3s ease-in; + left: 2%; +} +.conf-bar-stuck .conf-logo-nav-container .conf-logo-nav, +.conf-bar-mobile .conf-logo-nav-container .conf-logo-nav { + display: inline-block; + vertical-align: middle; + text-indent: 150%; + white-space: nowrap; + overflow: hidden; + height: 52px; + width: 150px; + background-size: contain; + background-repeat: no-repeat; +} +.conf-bar-stuck .conf-logo-nav-container .conf-logo-nav background-image, +.conf-bar-mobile .conf-logo-nav-container .conf-logo-nav background-image { + width: 500px; +} +.list-group-horizontal .list-group-item { + display: inline-block; +} +.list-group-horizontal .list-group-item { + margin-bottom: 0; + margin-left: -4px; + margin-right: 0; +} +.list-group-horizontal .list-group-item:first-child { + border-top-right-radius: 0; + border-bottom-left-radius: 4px; +} +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 4px; + border-bottom-left-radius: 0; +} +ul.location-dropdown { + display: block; + position: absolute; + left: 0; + overflow: hidden; + text-align: left; + top: 60px; + width: 435px; + background: #25325b; + color: #ffffff; + box-shadow: 0 1px 3px rgba(1, 26, 41, 0.48); +} +ul.location-dropdown li { + display: block; + line-height: 1; + text-align: left; + padding: 10px 15px; + font-weight: 800; +} +ul.location-dropdown .location-first { + padding-left: 25px; +} +ul.location-dropdown .all-last { + padding-top: 15px; + margin-top: 5px; + border-left: 1px solid rgba(255, 255, 255, 0.1); +} +ul.location-dropdown li:last-child { + padding-bottom: 20px; +} +ul.location-dropdown li.active { + color: rgba(255, 255, 255, 0.55); +} +ul.location-dropdown li.active a, +ul.location-dropdown li.active a:hover, +ul.location-dropdown li.active a:focus, +ul.location-dropdown li.active a:active { + cursor: default; + color: inherit; +} +ul.location-dropdown li.ld-all { + padding-top: 15px; + margin-top: 5px; + border-top: 1px solid rgba(255, 255, 255, 0.1); +} +ul.ld-mobile { + position: relative; + margin-left: -10px; + top: 0; + margin-right: -20px; +} +ul.ld-mobile li { + padding: 0 15px; +} +ul.ld-mobile li:last-child { + padding-bottom: 0; +} +ul.ld-mobile li:first-child { + padding-top: 0; +} +ul.ld-mobile li.ld-all { + padding-top: 0; + margin-top: 0; +} +.conf-bar-stuck { + position: fixed; + top: -200px; + transition: all 0.6s ease-in; + padding-left: 2%; +} +.conf-bar-stuck .conf-logo-nav-container { + box-shadow: 0 3px 10px rgba(1, 26, 41, 0.48); +} +.conf-bar-stuck.fix { + position: fixed; + top: 0; + transition: all 0.6s ease-out; +} +.conf-bar-stuck .conf-main-nav { + padding-left: 182px; +} +@media (max-width: 1180px) { + .conf-bar-stuck { + padding-left: 10px; + } + .conf-bar-stuck .conf-logo-nav-container { + left: 0px; + height: 60px; + width: 126px; + padding: 10px 10px 10px 10px; + border-right: 0; + } + .conf-bar-stuck .conf-logo-nav-container .conf-logo-nav { + height: 40px; + vertical-align: initial; + } + .conf-bar-stuck .conf-main-nav { + padding-left: 115px; + } + .conf-bar-stuck .conf-nav-list { + text-align: right; + } + .conf-bar-stuck li { + display: inline-block; + vertical-align: middle; + text-align: right; + line-height: 60px; + font-weight: 400; + text-transform: capitalize; + padding: 0 1%; + z-index: 10; + font-size: 14px; + } +} +.conf-bar-mobile button.conf-mobile-toggle { + position: absolute; + top: 10px; + right: 10px; + height: 40px; + line-height: 36px; + float: right; + z-index: 300; + text-align: right; + background: none; + border: 2px solid #ffffff; + color: #ffffff; + font-size: 1em; + padding: 0 20px; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.05em; + transition: 0.2s; +} +.conf-bar-mobile button.conf-mobile-toggle:active, +.conf-bar-mobile button.conf-mobile-toggle:visited { + color: #ffffff; + text-decoration: none; +} +.conf-bar-mobile button.conf-mobile-toggle:hover, +.conf-bar-mobile button.conf-mobile-toggle:focus { + background: #ffffff; + color: #333333; + text-decoration: none; +} +.conf-bar-mobile button.conf-mobile-toggle .conf-menu-updown { + padding-left: 10px; + font-family: FontAwesome; + font-weight: normal; +} +.conf-bar-mobile button.conf-mobile-toggle .conf-menu-updown:before { + content: "\f107"; +} +.conf-bar-mobile .conf-nav-list { + position: absolute; + top: 60px; + right: 0; + background: #005f98; + width: 50%; + max-width: 250px; + padding: 1% 2% 1% 1%; +} +.conf-bar-mobile .conf-nav-list li { + display: block; + line-height: 40px; + text-align: left; +} +.conf-alert-message-bg { + background-color: #d61e57; +} +.browse-events-btn { + display: block; + padding-top: 10px; + padding-bottom: 10px; + font-weight: bold; + font-size: 18px; + max-width: 350px; +} +.browse-events-btn:hover { + color: #ffffff; + background-color: #0069a8; +} +.browse-events-btn:focus { + color: #ffffff; + background-color: #0069a8; +} +.highlight-item { + display: block; + margin-bottom: 30px; + color: #585858; + border: 2px solid #eeeeee; + border-radius: 8px; + transition: 200ms; +} +.highlight-item:hover, +.highlight-item:focus { + display: block; + text-decoration: none; + border: 2px solid #368ccb; + color: #585858; +} +.highlight-item .highlight-item__content { + display: flex; + background: #ffffff; + border-radius: 5px; + min-height: 225px; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); +} +.highlight-item .highlight-item__description { + font-size: 18px; + margin-top: 10px; + line-height: 1.2; + border-top: 1px solid #b455a0; + padding-top: 5px; + text-align: right; +} +.highlight-item .highlight-item__title { + font-weight: bold; + color: #005596; + font-size: 18px; + line-height: 1.2; + margin-bottom: 5px; + text-align: right; +} +.highlight-item .highlight-item__text { + flex: 0 1 45%; + padding: 20px; +} +.highlight-item .highlight-item__img { + flex: 1 0 55%; + overflow: hidden; + border-radius: 0 5px 5px 0; +} +.highlight-item .highlight-item__img img { + object-fit: cover; + width: 100%; + height: 100%; +} +.highlight-item .highlight-item__keynote { + position: absolute; + width: 196px; + bottom: 32px; + padding: 10px 10px 10px 10px; + background-color: #b455a0; + opacity: 80%; + line-height: 18px; + border-radius: 0 0 5px 0; +} +.highlight-item .highlight-item__keynote .highlight-spkr { + color: #ffffff; + font-size: 15px; + font-weight: 800; +} +.highlight-item .highlight-item__keynote .highlight-affiliation { + color: #ffffff; + font-size: 14px; + font-weight: 400; +} +.highlight-item .special-highlight__container { + background: #25325b url(https://cdn.comsol.com/conference/2020/hero-images/COMSOL_Conference_Web_PurpleBar.svg) no-repeat center left; + background-size: cover; + text-align: center; +} +.highlight-item .special-highlight__container h2 { + color: #ffffff; +} +@media (max-width: 1199px) and (min-width: 992px) { + .highlight-item .highlight-item__img { + flex: 1 0 47%; + } + .highlight-item .highlight-item__keynote { + width: 159px; + } + .highlight-item .highlight-item__keynote .highlight-spkr { + font-size: 15px; + } + .highlight-item .highlight-item__keynote .highlight-affiliation { + font-size: 11px; + } + .highlight-item .first-note { + width: 136px; + } +} +@media (max-width: 991px) and (min-width: 768px) { + .highlight-item .highlight-item__keynote { + width: 188px; + } +} +@media (max-width: 767px) { + .highlight-item .highlight-item__keynote { + width: 218px; + } +} +.conf-content .hp-section--campaign-bar { + background-color: #b455a0; + border-top: initial; +} +.conf-content .hp-campaign-bar__button { + color: #e3cde0; + border-left: 1px solid #e3cde0; +} +.conf-content .hp-campaign-bar__headline { + line-height: 2.5; +} +@media (max-width: 991px) and (min-width: 768px) { + .conf-content .hp-campaign-bar__headline { + line-height: 1.5; + } +} +@media (max-width: 767px) { + .conf-content .hp-campaign-bar__headline { + line-height: 1.5; + } + .conf-content .hp-campaign-bar__button { + border-left: none; + display: block; + line-height: 0.5; + margin-top: 10px; + } +} +.conf-home-gallery h4 { + text-transform: uppercase; + color: #585858; + margin: 0 0 20px; + padding-top: 0; +} +.conf-home-gallery p { + margin: 0; + color: #333333; +} +.conf-content { + background-color: #f2f2f2; +} +.conf-content #conf-home-locations { + background: #005596; +} +.archived-location-title h2 { + color: #ffffff; +} +.archived-location-title .archive-row { + border-bottom: 2px solid #b455a0; + padding: 0px 50px; +} +.conf-location-box { + background: rgba(37, 50, 91, 0.7); + margin-right: 0; + padding: 10px; + border: none; + z-index: 1; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + font-family: Lato; + color: #ffffff; + font-weight: 600; + transition: background 0.6s ease-in-out; + text-align: center; + display: table-cell; + vertical-align: middle; + transition: all 0.5s ease; +} +.conf-location-box .inner { + position: relative; + top: 50%; + transform: translateY(-50%); + transition: all 0.5s ease; +} +.conf-location-preview a.conf-closed:hover .conf-location-box { + background: rgba(31, 59, 76, 0.72); + transition: all 0.5s ease; +} +.conf-location-status { + margin: 0 auto; + text-transform: uppercase; + transition: all 0.5s ease; +} +.conf-find-location { + position: relative; + left: 50%; + margin-left: -165px; + color: #ffffff; + font-size: 1.8em; + line-height: 1.4em; + padding: 8px 30px; + text-align: center; + text-transform: uppercase; + border: 3px solid #ffffff; + background: transparent; + transition: 0.2s; +} +.conf-find-location:visited, +.conf-find-location:active { + color: #ffffff; + text-decoration: none; +} \ No newline at end of file diff --git a/comsol/css/navigation-7490768328.css b/comsol/css/navigation-7490768328.css new file mode 100644 index 0000000..aeb2809 --- /dev/null +++ b/comsol/css/navigation-7490768328.css @@ -0,0 +1,1842 @@ +/*! jQuery UI - v1.10.3 - 2013-06-05 +* http://jqueryui.com +* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px +* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} +.ui-helper-clearfix:before, +.ui-helper-clearfix:after { + content: ""; + display: table; + border-collapse: collapse; +} +.ui-helper-clearfix:after { + clear: both; +} +.ui-helper-clearfix { + min-height: 0; /* support: IE7 */ +} +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter:Alpha(Opacity=0); +} + +.ui-front { + z-index: 100; +} + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { + cursor: default !important; +} + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-resizable { + position: relative; +} +.ui-resizable-handle { + position: absolute; + font-size: 0.1px; + display: block; +} +.ui-resizable-disabled .ui-resizable-handle, +.ui-resizable-autohide .ui-resizable-handle { + display: none; +} +.ui-resizable-n { + cursor: n-resize; + height: 7px; + width: 100%; + top: -5px; + left: 0; +} +.ui-resizable-s { + cursor: s-resize; + height: 7px; + width: 100%; + bottom: -5px; + left: 0; +} +.ui-resizable-e { + cursor: e-resize; + width: 7px; + right: -5px; + top: 0; + height: 100%; +} +.ui-resizable-w { + cursor: w-resize; + width: 7px; + left: -5px; + top: 0; + height: 100%; +} +.ui-resizable-se { + cursor: se-resize; + width: 12px; + height: 12px; + right: 1px; + bottom: 1px; +} +.ui-resizable-sw { + cursor: sw-resize; + width: 9px; + height: 9px; + left: -5px; + bottom: -5px; +} +.ui-resizable-nw { + cursor: nw-resize; + width: 9px; + height: 9px; + left: -5px; + top: -5px; +} +.ui-resizable-ne { + cursor: ne-resize; + width: 9px; + height: 9px; + right: -5px; + top: -5px; +} +.ui-selectable-helper { + position: absolute; + z-index: 100; + border: 1px dotted black; +} +.ui-accordion .ui-accordion-header { + display: block; + cursor: pointer; + position: relative; + margin-top: 2px; + padding: .5em .5em .5em .7em; + min-height: 0; /* support: IE7 */ +} +.ui-accordion .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-noicons { + padding-left: .7em; +} +.ui-accordion .ui-accordion-icons .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-header .ui-accordion-header-icon { + position: absolute; + left: .5em; + top: 50%; + margin-top: -8px; +} +.ui-accordion .ui-accordion-content { + padding: 1em 2.2em; + border-top: 0; + overflow: auto; +} +.ui-autocomplete { + position: absolute; + top: 0; + left: 0; + cursor: default; +} +.ui-button { + display: inline-block; + position: relative; + padding: 0; + line-height: normal; + margin-right: .1em; + cursor: pointer; + vertical-align: middle; + text-align: center; + overflow: visible; /* removes extra width in IE */ +} +.ui-button, +.ui-button:link, +.ui-button:visited, +.ui-button:hover, +.ui-button:active { + text-decoration: none; +} +/* to make room for the icon, a width needs to be set here */ +.ui-button-icon-only { + width: 2.2em; +} +/* button elements seem to need a little more width */ +button.ui-button-icon-only { + width: 2.4em; +} +.ui-button-icons-only { + width: 3.4em; +} +button.ui-button-icons-only { + width: 3.7em; +} + +/* button text element */ +.ui-button .ui-button-text { + display: block; + line-height: normal; +} +.ui-button-text-only .ui-button-text { + padding: .4em 1em; +} +.ui-button-icon-only .ui-button-text, +.ui-button-icons-only .ui-button-text { + padding: .4em; + text-indent: -9999999px; +} +.ui-button-text-icon-primary .ui-button-text, +.ui-button-text-icons .ui-button-text { + padding: .4em 1em .4em 2.1em; +} +.ui-button-text-icon-secondary .ui-button-text, +.ui-button-text-icons .ui-button-text { + padding: .4em 2.1em .4em 1em; +} +.ui-button-text-icons .ui-button-text { + padding-left: 2.1em; + padding-right: 2.1em; +} +/* no icon support for input elements, provide padding by default */ +input.ui-button { + padding: .4em 1em; +} + +/* button icon element(s) */ +.ui-button-icon-only .ui-icon, +.ui-button-text-icon-primary .ui-icon, +.ui-button-text-icon-secondary .ui-icon, +.ui-button-text-icons .ui-icon, +.ui-button-icons-only .ui-icon { + position: absolute; + top: 50%; + margin-top: -8px; +} +.ui-button-icon-only .ui-icon { + left: 50%; + margin-left: -8px; +} +.ui-button-text-icon-primary .ui-button-icon-primary, +.ui-button-text-icons .ui-button-icon-primary, +.ui-button-icons-only .ui-button-icon-primary { + left: .5em; +} +.ui-button-text-icon-secondary .ui-button-icon-secondary, +.ui-button-text-icons .ui-button-icon-secondary, +.ui-button-icons-only .ui-button-icon-secondary { + right: .5em; +} + +/* button sets */ +.ui-buttonset { + margin-right: 7px; +} +.ui-buttonset .ui-button { + margin-left: 0; + margin-right: -.3em; +} + +/* workarounds */ +/* reset extra padding in Firefox, see h5bp.com/l */ +input.ui-button::-moz-focus-inner, +button.ui-button::-moz-focus-inner { + border: 0; + padding: 0; +} +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; +} +.ui-datepicker .ui-datepicker-prev, +.ui-datepicker .ui-datepicker-next { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; +} +.ui-datepicker .ui-datepicker-prev-hover, +.ui-datepicker .ui-datepicker-next-hover { + top: 1px; +} +.ui-datepicker .ui-datepicker-prev { + left: 2px; +} +.ui-datepicker .ui-datepicker-next { + right: 2px; +} +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; +} +.ui-datepicker .ui-datepicker-next-hover { + right: 1px; +} +.ui-datepicker .ui-datepicker-prev span, +.ui-datepicker .ui-datepicker-next span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; +} +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; +} +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; +} +.ui-datepicker select.ui-datepicker-month-year { + width: 100%; +} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { + width: 49%; +} +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; +} +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: bold; + border: 0; +} +.ui-datepicker td { + border: 0; + padding: 1px; +} +.ui-datepicker td span, +.ui-datepicker td a { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; +} +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; +} +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em .6em; + width: auto; + overflow: visible; +} +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + float: left; +} + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { + width: auto; +} +.ui-datepicker-multi .ui-datepicker-group { + float: left; +} +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; +} +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; +} +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; +} +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; +} +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; +} +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; +} + +/* RTL support */ +.ui-datepicker-rtl { + direction: rtl; +} +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, +.ui-datepicker-rtl .ui-datepicker-group { + float: right; +} +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; +} +.ui-dialog { + position: absolute; + top: 0; + left: 0; + padding: .2em; + outline: 0; +} +.ui-dialog .ui-dialog-titlebar { + padding: .4em 1em; + position: relative; +} +.ui-dialog .ui-dialog-title { + float: left; + margin: .1em 0; + white-space: nowrap; + width: 90%; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-dialog .ui-dialog-titlebar-close { + position: absolute; + right: .3em; + top: 50%; + width: 21px; + margin: -10px 0 0 0; + padding: 1px; + height: 20px; +} +.ui-dialog .ui-dialog-content { + position: relative; + border: 0; + padding: .5em 1em; + background: none; + overflow: auto; +} +.ui-dialog .ui-dialog-buttonpane { + text-align: left; + border-width: 1px 0 0 0; + background-image: none; + margin-top: .5em; + padding: .3em 1em .5em .4em; +} +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { + float: right; +} +.ui-dialog .ui-dialog-buttonpane button { + margin: .5em .4em .5em 0; + cursor: pointer; +} +.ui-dialog .ui-resizable-se { + width: 12px; + height: 12px; + right: -5px; + bottom: -5px; + background-position: 16px 16px; +} +.ui-draggable .ui-dialog-titlebar { + cursor: move; +} +.ui-menu { + list-style: none; + padding: 2px; + margin: 0; + display: block; + outline: none; +} +.ui-menu .ui-menu { + margin-top: -3px; + position: absolute; +} +.ui-menu .ui-menu-item { + margin: 0; + padding: 0; + width: 100%; + /* support: IE10, see #8844 */ + list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); +} +.ui-menu .ui-menu-divider { + margin: 5px -2px 5px -2px; + height: 0; + font-size: 0; + line-height: 0; + border-width: 1px 0 0 0; +} +.ui-menu .ui-menu-item a { + text-decoration: none; + display: block; + padding: 2px .4em; + line-height: 1.5; + min-height: 0; /* support: IE7 */ + font-weight: normal; +} +.ui-menu .ui-menu-item a.ui-state-focus, +.ui-menu .ui-menu-item a.ui-state-active { + font-weight: normal; + margin: -1px; +} + +.ui-menu .ui-state-disabled { + font-weight: normal; + margin: .4em 0 .2em; + line-height: 1.5; +} +.ui-menu .ui-state-disabled a { + cursor: default; +} + +/* icon support */ +.ui-menu-icons { + position: relative; +} +.ui-menu-icons .ui-menu-item a { + position: relative; + padding-left: 2em; +} + +/* left-aligned */ +.ui-menu .ui-icon { + position: absolute; + top: .2em; + left: .2em; +} + +/* right-aligned */ +.ui-menu .ui-menu-icon { + position: static; + float: right; +} +.ui-progressbar { + height: 2em; + text-align: left; + overflow: hidden; +} +.ui-progressbar .ui-progressbar-value { + margin: -1px; + height: 100%; +} +.ui-progressbar .ui-progressbar-overlay { + background: url("../../../../../../images/jquery/animated-overlay.gif"); + height: 100%; + filter: alpha(opacity=25); + opacity: 0.25; +} +.ui-progressbar-indeterminate .ui-progressbar-value { + background-image: none; +} +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; +} +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: .7em; + display: block; + border: 0; + background-position: 0 0; +} + +/* For IE8 - See #6727 */ +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} + +.ui-slider-horizontal { + height: .8em; +} +.ui-slider-horizontal .ui-slider-handle { + top: -.3em; + margin-left: -.6em; +} +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} + +.ui-slider-vertical { + width: .8em; + height: 100px; +} +.ui-slider-vertical .ui-slider-handle { + left: -.3em; + margin-left: 0; + margin-bottom: -.6em; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.ui-spinner { + position: relative; + display: inline-block; + overflow: hidden; + padding: 0; + vertical-align: middle; +} +.ui-spinner-input { + border: none; + background: none; + color: inherit; + padding: 0; + margin: .2em 0; + vertical-align: middle; + margin-left: .4em; + margin-right: 22px; +} +.ui-spinner-button { + width: 16px; + height: 50%; + font-size: .5em; + padding: 0; + margin: 0; + text-align: center; + position: absolute; + cursor: default; + display: block; + overflow: hidden; + right: 0; +} +/* more specificity required here to overide default borders */ +.ui-spinner a.ui-spinner-button { + border-top: none; + border-bottom: none; + border-right: none; +} +/* vertical centre icon */ +.ui-spinner .ui-icon { + position: absolute; + margin-top: -8px; + top: 50%; + left: 0; +} +.ui-spinner-up { + top: 0; +} +.ui-spinner-down { + bottom: 0; +} + +/* TR overrides */ +.ui-spinner .ui-icon-triangle-1-s { + /* need to fix icons sprite */ + background-position: -65px -16px; +} +.ui-tabs { + position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ + padding: .2em; +} +.ui-tabs .ui-tabs-nav { + margin: 0; + padding: .2em .2em 0; +} +.ui-tabs .ui-tabs-nav li { + list-style: none; + float: left; + position: relative; + top: 0; + margin: 1px .2em 0 0; + border-bottom-width: 0; + padding: 0; + white-space: nowrap; +} +.ui-tabs .ui-tabs-nav li a { + float: left; + padding: .5em 1em; + text-decoration: none; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active { + margin-bottom: -1px; + padding-bottom: 1px; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active a, +.ui-tabs .ui-tabs-nav li.ui-state-disabled a, +.ui-tabs .ui-tabs-nav li.ui-tabs-loading a { + cursor: text; +} +.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { + cursor: pointer; +} +.ui-tabs .ui-tabs-panel { + display: block; + border-width: 0; + padding: 1em 1.4em; + background: none; +} +.ui-tooltip { + padding: 8px; + position: absolute; + z-index: 9999; + max-width: 300px; + -webkit-box-shadow: 0 0 5px #aaa; + box-shadow: 0 0 5px #aaa; +} +body .ui-tooltip { + border-width: 2px; +} + +/* Component containers +----------------------------------*/ +.ui-widget { + font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; + font-size: 1.1em; +} +.ui-widget .ui-widget { + font-size: 1em; +} +.ui-widget input, +.ui-widget select, +.ui-widget textarea, +.ui-widget button { + font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; + font-size: 1em; +} +.ui-widget-content { + border: 1px solid #dddddd; + background: #eeeeee url(../../../../../../images/jquery/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; + color: #333333; +} +.ui-widget-content a { + color: #333333; +} +.ui-widget-header { + border: 1px solid #e78f08; + background: #f6a828 url(../../../../../../images/jquery/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; + color: #ffffff; + font-weight: bold; +} +.ui-widget-header a { + color: #ffffff; +} + +/* Interaction states +----------------------------------*/ +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + border: 1px solid #cccccc; + background: #f6f6f6 url(../../../../../../images/jquery/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; + font-weight: bold; + color: #1c94c4; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #1c94c4; + text-decoration: none; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + border: 1px solid #fbcb09; + background: #fdf5ce url(../../../../../../images/jquery/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; + font-weight: bold; + color: #c77405; +} +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-hover a:link, +.ui-state-hover a:visited { + color: #c77405; + text-decoration: none; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { + border: 1px solid #fbd850; + background: #ffffff url(../../../../../../images/jquery/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; + font-weight: bold; + color: #eb8f00; +} +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #eb8f00; + text-decoration: none; +} + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { + border: 1px solid #fed22f; + background: #ffe45c url(../../../../../../images/jquery/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; + color: #363636; +} +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #363636; +} +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + border: 1px solid #cd0a0a; + background: #b81900 url(../../../../../../images/jquery/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; + color: #ffffff; +} +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #ffffff; +} +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #ffffff; +} +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: bold; +} +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: .7; + filter:Alpha(Opacity=70); + font-weight: normal; +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + opacity: .35; + filter:Alpha(Opacity=35); + background-image: none; +} +.ui-state-disabled .ui-icon { + filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ +} + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + width: 16px; + height: 16px; +} +.ui-icon, +.ui-widget-content .ui-icon { + background-image: url(../../../../../../images/jquery/ui-icons_222222_256x240.png); +} +.ui-widget-header .ui-icon { + background-image: url(../../../../../../images/jquery/ui-icons_ffffff_256x240.png); +} +.ui-state-default .ui-icon { + background-image: url(../../../../../../images/jquery/ui-icons_ef8c08_256x240.png); +} +.ui-state-hover .ui-icon, +.ui-state-focus .ui-icon { + background-image: url(../../../../../../images/jquery/ui-icons_ef8c08_256x240.png); +} +.ui-state-active .ui-icon { + background-image: url(../../../../../../images/jquery/ui-icons_ef8c08_256x240.png); +} +.ui-state-highlight .ui-icon { + background-image: url(../../../../../../images/jquery/ui-icons_228ef1_256x240.png); +} +.ui-state-error .ui-icon, +.ui-state-error-text .ui-icon { + background-image: url(../../../../../../images/jquery/ui-icons_ffd27a_256x240.png); +} + +/* positioning */ +.ui-icon-blank { background-position: 16px 16px; } +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-on { background-position: -96px -144px; } +.ui-icon-radio-off { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { + border-top-left-radius: 4px; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { + border-top-right-radius: 4px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { + border-bottom-left-radius: 4px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { + border-bottom-right-radius: 4px; +} + +/* Overlays */ +.ui-widget-overlay { + background: #999999 url(../../../../../../images/jquery/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; + opacity: .5; + filter: Alpha(Opacity=50); +} +.ui-widget-shadow { + margin: -5px 0 0 -5px; + padding: 5px; + background: #000000 url(../../../../../../images/jquery/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; + opacity: .2; + filter: Alpha(Opacity=20); + border-radius: 5px; +} + +html, body { + height: 100%; + } + + body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */ + } + + .content { + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + } + + .nav-primary-links { + -ms-flex-negative: 0; + flex-shrink: 0; /*prevents div from shrinking below content size*/ + } + + .footer-sitemap { + -ms-flex-negative: 0; + flex-shrink: 0; /*prevents div from shrinking below content size*/ + } + + /* TOP NAVIGATION CSS */ + + .nav-toolbar { + display: block; + position: fixed; + top: 0; + width: 100%; + z-index: 1000; + background-color: #ffffff; + height: 40px; + margin: 0; + padding: 0 40px 0 60px; + box-sizing: border-box; + box-shadow: 3px -4px 11px 0px #005596;/*added*/ + } + .topnav-brand { + display: inline-block; + margin: 0; + padding: 0 5px; /* Accessibility: increases target size; */ + } + .topnav-brand img { + display: block; + margin: 10px auto; /* Accessibility: increases target size; */ + width: 130px; + height: 20px; /* margin + img height = 40px */ + object-fit: contain; + } + + .nav-toolbar-links { + margin: 0 10px 0 0; + padding: 0; + } + .tn-link { + list-style-type: none; + display: inline-block; + text-align: center; + width: auto; + list-style: none; + text-transform: uppercase; + letter-spacing: .075em; + font-weight: 800; + font-size: 11px; + box-sizing: border-box; + } + + .tn-link i { + font-size: 13px; + cursor: pointer; + } + + + + .tn-link >em a, + .tn-link > a { + padding: 0 15px;/*added*/ + line-height: 40px;/*added*/ + text-decoration: none; + display: inline-block;/*LOGIN Fix*/ + } + +.tn-link, +.tn-link a { + color:#595959;/*edited*/ +} + +.tn-login-username em a { + margin-left: 10px; +} + +.tn-login-username em a, +.tn-logout-btn a { + padding: 0 5px; +} + +.tn-logout-btn a{ + margin-right: 10px; +} + + +.topnav-search i { + line-height: 40px; /*ZF1 fix*/ +} + +.location-btn { + cursor: pointer; + padding: 0 15px; + line-height: 40px; + } + + .location-select { + position: relative; + } + + .location-select ul { + min-width: 100%;/*added*/ + position: absolute; + background-color: #ffffff; /* editted */ + list-style: none; + padding-left: 0; + padding: 15px 0; + box-shadow: inset 0 11px 11px -15px #005596, 0 4px 4px 1px rgba(0,0,0,0.05); + margin: 0; /*ZF1 Fix*/ + } + + .location-btn + ul li a { + display: block; + padding: 5px 0; + color: #9c9c9c; + } + + .location-select .divider { + height: 2px; + margin: 11px 0; + background-color: #d8d5d5; + } + +.tn-link, +.location-btn + ul li, +.location-btn + ul li a { + transition: .2s; + } + + +.tn-link:hover, +.location-btn + ul li:hover, +.location-btn + ul li a:hover, +.tn-login a:hover { + text-decoration: none; + color: #595959; /*added*/ + background-color: #e7edf5;/*edited*/ + } + + .tn-login:hover { + background-color: #ffffff; + } + + .tn-login a { + padding: 0 5px; + } + +/*search bar*/ + .topnav-search { + padding: 0 15px; + cursor: pointer; + } + .topnav-searchbar { + list-style-type: none; + display: inline-block; + text-align: center; + width: auto; + list-style: none; + text-transform: uppercase; + letter-spacing: .075em; + font-weight: 800; + box-sizing: border-box; + } + .search-close { + padding: 0 10px; + cursor: pointer; + display: inline-block; + height: 30px; + vertical-align: top; + box-sizing: border-box; + } + .search-close i { + color: #368ccb;/*edited*/ + font-size: 16px; + font-weight: 800; + line-height: 30px; + width: 20px; + } + .search-close:hover i { + color: #005596; + } + .search-submit { + cursor: pointer; + width: 35px; + height: 30px; + color: #ffffff; + border: 1px solid #368ccb; + background-color: #368ccb;/*edited*/ + box-sizing: border-box;/*zf1 fix*/ + vertical-align: top; + transition: .2s; + border-radius: 0 5px 5px 0; + -webkit-border-radius: 0 5px 5px 0; + } + .search-submit:hover { + background-color: #e7edf5; + background-color: #307eb8; + } + .search-submit i { + font-size: 13px; + font-weight: 800; + line-height: 28px; + vertical-align: top; + } + + .topnav-searchbar form { + box-sizing: border-box; + margin: 5px 0px; + } + .topnav-searchbar input { + background-color: #f2f2f2; + border: 1px solid #dddddd; + border-right: none; + font-size: 14px; + width: 300px; + height: 30px; + padding: 0 0 0 8px; + line-height: 30px; + cursor: pointer; + margin-bottom: 0; /*zf1 fix*/ + vertical-align: top; + font-weight: 400; + letter-spacing: .14em; + box-sizing: border-box; + outline: none; + border-radius: 5px 0 0 5px; + -webkit-border-radius: 5px 0 0 5px; + transition: .2s; + -webkit-transition: .2s; + } + .topnav-searchbar input:focus { + background-color: #ffffff; + border: 1px solid #368ccb; + border-right: none; + } + .nav-primary-links { + display: block; + background-color: #368ccb;/*edited*/ + height: 50px; + margin: 40px 0 0 0; + padding: 0 40px 0 40px; + box-shadow: inset 0 17px 4px -15px rgba(0,0,0,0.2); /*added*/ + } + + .bottom-nav-links{ + list-style-type: none; + margin:0; /*zf1 fix*/ + } + + .bn-link { + display: inline-block; + text-align: center; + margin-left: 5px; + height: 50px; + text-transform: uppercase; + font-weight: 800; + letter-spacing: .08em; + } + + .mobile-nav-toolbar a[href="/access/login"], + .mobile-nav-toolbar .footerDivider, + .bn-link a { + color: #eeeeee; + } + + .bn-link a { + text-decoration: none; + padding: 0 20px;/*added*/ + line-height: 50px; + display: block;/*added*/ + transition: .2s; + } + +.bn-link a:hover, +.mobile-nav-toolbar .location-btn:hover, .mobile-btn-location:hover i { + color:#ffffff;/*added*/ + background-color:#005596; /*edited*/ + } + + @media screen and (max-width: 977px) { + .nav-toolbar { + display: none; + } + .nav-primary-links { + display: none; + } + .mobile-nav-toolbar { + display: block; + height: 40px; + margin: 0; + background-color: #ffffff;/*edited*/ + box-shadow: 3px -4px 11px 0px #005596;/*added*/ + } + + .tn-link i:hover{ + color: #d8d5d5; + } + .bn-link { + height: 40px; + letter-spacing: .075em; + font-weight: 800; + } + .bn-link a { + font-size: 11px; + line-height: 40px; + } + .bn-link i { + font-size: 13px; + color: #eeeeee; + line-height: 40px; /* Fix for ZF1 */ + } + + .mobile-nav-toolbar .tn-login-username a, + .mobile-nav-toolbar .tn-logout-btn a { + color: #eeeeee; + } + + .bn-link a:hover, + .bn-link i:hover, + .bn-link a:active, + .mobile-nav-toolbar .tn-login-username:hover a, + .mobile-nav-toolbar .tn-logout-btn:hover a, + .mobile-bottom-nav-links li a:hover { + border-bottom: 0px; + color: #ffffff;/*editted*/ + text-decoration: none; /* Fix for ZF1 */ + } + + .mobile-nav-toolbar .footerDivider { + display: inline-block; + } + + .tn-logout-btn + .tn-link > a:hover, + .mobile-nav-toolbar .tn-login-username:hover, + .mobile-nav-toolbar .tn-logout-btn:hover { + background-color:#005596; /*added*/ + } + + .top-tool { + position: fixed; + top: 0; + width: 100%; + font-weight: 800; + letter-spacing: .08em; + line-height: 1.5em; + z-index: 2000; + } + .topnav-brand { + margin-left: 10px; /* Spacing so logo doesn't brush up to the left edge */ + } + .topnav-brand img { + width: 130px; + } + .topnav-searchbar { + width: 375px; + } + .topnav-searchbar input { + height: 30px; + box-sizing: border-box; + } + .search-submit { + height: 30px; + box-sizing: border-box; + line-height: 20px; + } + .menu-btn { + display: block; + height: 40px; + font-size: 14px; + font-weight: 800; + line-height: 40px; + text-align: center; + padding: 0 15px; + text-transform: uppercase; + cursor: pointer; + } + + .menu-btn, + .mobile-top .topnav-search i { + color:#595959;/*added*/ + } + + .menu-btn:hover, + .mobile-top .topnav-search:hover{ + background-color:#e7edf5;/*added*/ + } + + .bottom-tool { + width: 100%; + letter-spacing: .075em; + font-weight: 800; + font-size: 11px; + margin-top: 40px; + background-color: #408EBF;/*added*/ + box-shadow: inset 0 16px 4px -16px rgba(0,0,0,0.5); + } + + .location-btn { + padding: 0 20px; + } + + .location-select ul { + right: 0; + z-index: 1000; + height:100vh; + padding-bottom: 80px; /* Fix for 100vh height hiding the bottom 80px */ + width: 240px; + overflow-y: scroll; + line-height:40px; + box-sizing: border-box; /* Fix for ZF1 */ + } + .mobile-nav-primary-links { + height: auto; + max-width: 310px; + display: list-item; + list-style: none; + background-color: #408EBF; + position: absolute; + right: 0px; + top: 40px;/*edited*/ + z-index: 1000; + text-transform: uppercase; + font-size: 14px; + font-weight: 800; + letter-spacing: .09em; + line-height: 40px; + } + .mobile-nav-primary-links a { + color: #eeeeee;/*edited*/ + display: block;/*Added*/ + padding: 0 20px; + line-height: 60px; + } + .mobile-nav-primary-links li { + list-style: none; + } + .mobile-bottom-nav-links { + padding: 0; + margin: 0; + position: relative; + box-shadow:inset 0 16px 4px -16px rgba(0,0,0,0.5), -4px 4px 9px -2px rgba(0,0,0,0.2); + } + .mobile-nav-primary-links a:hover { + background-color:#005596;/*Added*/ + } + + + } + + @media screen and (min-width: 978px) { + .nav-toolbar { + display: block; + } + .nav-primary-links { + display: block; + } + .mobile-nav-toolbar { + display: none; + } + .mobile-nav-primary-links { + display: none; + } + .nav-toolbar-links { + margin: 0px; + } + + } + + @media screen and (max-width: 1115px) and (min-width: 978px){ + .bn-link a { + padding: 0 12px; + } + } + + +/* SITE MAP CSS */ + +/* + Footer + -------------------------------------------------- */ + +.footer-sitemap, .footer-btm, .ftr-social, .ftr-legal{ + background-color: #25325b; + /*background-color: #333333;*/ +} +.footer-sitemap{ + box-shadow: -3px 2px 6px 0px rgba(0, 0, 0, 0.55); + padding: 55px 60px 40px 60px; +} +.ftr-legal p, .ftr-link-header { + list-style: none; + font-size: 16px; +} + +.ftr-sections { + vertical-align: top; + display: -moz-inline-stack; + display: inline-block; + width: 100%; + margin-bottom: 15px; + border-bottom: solid 1px #7f8e99; + zoom: 1; + *display: inline; + font-weight: 600; +} +.ftr-sections a { + color: #d6d6d6; +} +.ftr-sections a:hover, .ftr-legal a:hover{ + color: #ffffff; + transition: .2s; + text-decoration: none; +} +.ftr-sections:last-of-type { + border-bottom: 0px; +} +.ftr-sections ul { + padding-left: 0px; + list-style: none; +} +.ftr-link-header { + color: #86949e; + font-weight: bolder; + letter-spacing: normal; + margin-bottom: 15px; + font-weight: 800; + color: #979ea2; + letter-spacing: .09em; +} +.ftr-link { + margin-bottom: 8px; + padding-bottom: 6px; + max-width: 250px; + text-align: left; + font-weight: 800; + font-size: 14px; + letter-spacing: .05em; +} +.ftr-social { + padding-bottom: 5px; + color: #616e77; +} +.footerSocialIcon { + display: inline; + padding: 5px; + zoom: 1; + *display: inline; +} +.footerSocialIcon i { + color: #ffffff; + padding: 4px; + font-size: 18px; +} +.footerSocialIcon:first-of-type { + padding-left: 0px; +} +.footerSocialIcon img { + width: 16px; +} +.footerSocialIcon img:hover, .footerSocialIcon a img:hover, .footerSocialIcon i:hover{ + width: 20px; + font-size: 20px; +} +.footerhr { + margin: 3px 0 7px; + display: none; + border-color: rgba(127, 142, 153, 0.47); +} +.ftr-legal { + padding-bottom: 15px; + font-size: 13px; +} +.ftr-legal li, .ftr-legal a { + color: #d6d6d6; + font-weight: 800; + font-size: 11px; + letter-spacing: .08em; + text-transform: uppercase; +} +.ftr-legal ul { + padding-left: 0px; + margin-top: 1px; + list-style: none; +} +.ftr-legal li { + padding-bottom: 5px; +} +.footerDivider { + display: none; +} + +@media (min-width: 768px) { + .ftr-main{ + padding: 0 0 0 35px; + } + .ftr-sections { + width: 33.33%; + border-bottom: none; + } + .ftr-sections ul { + padding: 0 10px 15px 0; + } + .ftr-legal ul { + padding-left: 0px; + margin-top: 16px; + text-align: center; + } + .ftr-social { + text-align: center; + } + .footerSocialIcon:first-of-type { + padding-left: 5px; + } + .footerhr { + display: block; + } + .ftr-legal ul li, .footerDivider{ + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; + } + +} + +@media screen and (min-width: 1200px) { + .ftr-sections { + width: 16.66%; + + } + .ftr-sections ul { + padding-right: 18px; + } + .ftr-sections:last-of-type ul{ + padding-right: 0px; + } + .ftr-main { + text-align: left; + } +} \ No newline at end of file diff --git a/comsol/css/print-7490768328.css b/comsol/css/print-7490768328.css new file mode 100644 index 0000000..1aecca8 --- /dev/null +++ b/comsol/css/print-7490768328.css @@ -0,0 +1,115 @@ +@CHARSET "UTF-8"; + + + /* Print utilities */ + @media print { + .hidden-print, .hidden-print * { + display: none !important; + } + } + + + /************************************** Product Page Print */ + #textToShowOrHide { + display: block !important; + } + .showHideBtn, .showMoreBtn { + display: none !important; + } + + + /************************************** Component Print Stles */ + + .back-to-top { + display: none !important; + } + + + /************************************** Print Utilities */ + + [class*="span"], .row, + .row-fluid [class*="span"] { + float: none; + display: block; + width: auto; + margin-left: 0; + } + .span12, + .row-fluid .span12 { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + img.print-small { + max-height: 25%; + max-width: 25%; + } + + img.print-med { + max-height: 50%; + max-width: 50%; + } + + + /************************************** Print Reset */ + * { + text-shadow: none !important; + // color: #000 !important; // Black prints faster: h5bp.com/s + background: transparent !important; + box-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + // Don't show links for images, or javascript/internal links + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; // h5bp.com/t + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + @page { + margin: 0.5cm; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } + + diff --git a/comsol/css/responsiveslides.css b/comsol/css/responsiveslides.css new file mode 100644 index 0000000..e2fe2a3 --- /dev/null +++ b/comsol/css/responsiveslides.css @@ -0,0 +1,201 @@ +/*! http://responsiveslides.com v1.54 by @viljamis */ + +.rslides { + position: relative; + list-style: none; + overflow: hidden; + width: 100%; + padding: 0; + margin: 0; + } + +.rslides li { + -webkit-backface-visibility: hidden; + position: absolute; + display: none; + width: 100%; + left: 0; + top: 0; + } + +.rslides li:first-child { + position: relative; + display: block; + float: left; + } + +.rslides img { + display: block; + height: auto; + float: left; + width: 100%; + border: 0; + } + +.rslides_container { + margin-bottom: 50px; + position: relative; + float: left; + width: 100%; + } +.rslides_container > ul { + margin:0px; + padding:0px; +} +.rslides_container > ul > li { + list-style:none; +} +.rslides_container > ul > li > img{ + margin:0px; +} +.rslides_container > ul > li > span{ + display:block; + position:absolute; + bottom:0px; + color:white; + padding:20px 20px; + text-indent:0; + font-size:28px; +} + +.centered-btns_nav { + z-index: 3; + position: absolute; + top: 50%; + left: 0; + overflow: hidden; + text-decoration: none; + height: 35px; + width: 30px; + text-align: center; + font-size: 2.3em !important; + color: rgba(200,200,200,.5); + background: rgba(0,0,0,.5); + margin-top: -45px; + -webkit-transition: all .5s ease; + -moz-transition: all .5s ease; + -o-transition: all .5s ease; + transition: all .5s ease; +} + +.centered-btns_nav:hover { + color: rgba(200,200,200,1); + background: rgba(0,0,0,.8); + +} + +.centered-btns_nav i { + vertical-align: top; +} + + +.centered-btns_nav:active { + opacity: 1.0; + } + +.centered-btns_nav.next { + left: auto; + background-position: right top; + right: 0; + } + +.transparent-btns_nav { + z-index: 3; + position: absolute; + -webkit-tap-highlight-color: rgba(0,0,0,0); + top: 0; + left: 0; + display: block; + background: #fff; /* Fix for IE6-9 */ + opacity: 0; + filter: alpha(opacity=1); + width: 48%; + text-indent: -9999px; + overflow: hidden; + height: 91%; + } + +.transparent-btns_nav.next { + left: auto; + right: 0; + } + +.large-btns_nav { + z-index: 3; + position: absolute; + -webkit-tap-highlight-color: rgba(0,0,0,0); + opacity: 0.6; + text-indent: -9999px; + overflow: hidden; + top: 0; + bottom: 0; + left: 0; + background: #000 url("themes.gif.css") no-repeat left 50%; + width: 38px; + } + +.large-btns_nav:active { + opacity: 1.0; + } + +.large-btns_nav.next { + left: auto; + background-position: right 50%; + right: 0; + } + +.centered-btns_nav:focus, +.transparent-btns_nav:focus, +.large-btns_nav:focus { + outline: none; + } + +.centered-btns_tabs, +.transparent-btns_tabs, +.large-btns_tabs { + margin-top: 10px; + text-align: center; + } + +.centered-btns_tabs li, +.transparent-btns_tabs li, +.large-btns_tabs li { + display: inline; + float: none; + _float: left; + *float: left; + margin-right: 5px; + } + +.centered-btns_tabs a, +.transparent-btns_tabs a, +.large-btns_tabs a { + text-indent: -9999px; + overflow: hidden; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + background: #fafafa; + display: inline-block; + _display: block; + *display: block; + -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); + -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); + box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); + width: 9px; + height: 9px; + } + +.centered-btns_here a, +.transparent-btns_here a, +.large-btns_here a { + background: #0088cc; + } + +.wpSlide_title { + font-size: 1.2em !important; + color: #ffffff; + background: rgba(0,0,0,.5); + padding: 5px 15px !important; + width: 100%; +} diff --git a/comsol/css/style.min.css@ver=5.7.css b/comsol/css/style.min.css@ver=5.7.css new file mode 100644 index 0000000..286fcec --- /dev/null +++ b/comsol/css/style.min.css@ver=5.7.css @@ -0,0 +1,11 @@ +@charset "UTF-8";#start-resizable-editor-section{display:none}.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-audio audio{width:100%;min-width:300px}.wp-block-button__link{color:#fff;background-color:#32373c;border:none;border-radius:1.55em;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.125em;padding:.667em 1.333em;text-align:center;text-decoration:none;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:#fff}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{margin-right:0;width:100%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.is-style-outline>.wp-block-button__link,.wp-block-button__link.is-style-outline{border:2px solid}.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color){color:#32373c}.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background){background-color:transparent}.wp-block-buttons{display:flex;flex-direction:row;flex-wrap:wrap}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button{margin-right:0}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin-left:0;margin-right:.5em;margin-bottom:.5em}.wp-block-buttons>.wp-block-button:last-child{margin-right:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right>.wp-block-button{margin-left:.5em;margin-right:0}.wp-block-buttons.is-content-justification-right>.wp-block-button:first-child{margin-left:0}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons.alignleft .wp-block-button{margin-left:0;margin-right:.5em}.wp-block-buttons.alignleft .wp-block-button:last-child{margin-right:0}.wp-block-buttons.alignright .wp-block-button{margin-right:0;margin-left:.5em}.wp-block-buttons.alignright .wp-block-button:first-child{margin-left:0}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;margin-bottom:.5em;width:100%}.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:.25em;border:1px solid #ddd}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse}.wp-block-calendar table th{font-weight:400;background:#ddd}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-code code{display:block;white-space:pre-wrap;overflow-wrap:break-word}.wp-block-columns{display:flex;margin-bottom:1.75em;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-columns.has-background{padding:1.25em 2.375em}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (max-width:599px){.wp-block-column{flex-basis:100%!important}}@media (min-width:600px) and (max-width:781px){.wp-block-column:not(:only-child){flex-basis:calc(50% - 1em)!important;flex-grow:0}.wp-block-column:nth-child(2n){margin-left:2em}}@media (min-width:782px){.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-column[style*=flex-basis]{flex-grow:0}.wp-block-column:not(:first-child){margin-left:2em}}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-cover,.wp-block-cover-image{position:relative;background-size:cover;background-position:50%;min-height:430px;width:100%;display:flex;justify-content:center;align-items:center;padding:1em;box-sizing:border-box}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";background-color:inherit}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:100%;z-index:1;color:#fff}.wp-block-cover-image .wp-block-subhead:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover .wp-block-subhead:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover-image img.wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover img.wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;-o-object-fit:cover;object-fit:cover;outline:none;border:none;box-shadow:none}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:840px;padding:.44em;text-align:center}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-width:320px;min-height:240px}.wp-block-embed{margin-bottom:1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:.8em;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.blocks-gallery-grid,.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 1em 1em 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:3em .77em .7em;color:#fff;text-align:center;font-size:.8em;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);box-sizing:border-box;margin:0}.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid figcaption,.wp-block-gallery figcaption{flex-grow:1}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc(33.33333% - .66667em);margin-right:1em}.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc(25% - .75em);margin-right:1em}.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc(20% - .8em);margin-right:1em}.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc(16.66667% - .83333em);margin-right:1em}.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc(14.28571% - .85714em);margin-right:1em}.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc(12.5% - .875em);margin-right:1em}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:420px;width:100%}.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-group{box-sizing:border-box}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}.wp-block-image{margin-bottom:1em}.wp-block-image img{max-width:100%}.wp-block-image:not(.is-style-rounded) img{border-radius:inherit}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;border-radius:0}}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:2.25em;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;color:#555;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-top:.5em;margin-bottom:1em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;width:auto}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em}.wp-block-latest-posts__featured-image.alignright{margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}.block-editor-image-alignment-control__row .components-base-control__field{display:flex;justify-content:space-between;align-items:center}.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label{margin-bottom:0}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{ + /*!rtl:begin:ignore*/direction:ltr; + /*!rtl:end:ignore*/display:-ms-grid;display:grid;-ms-grid-columns:50% 1fr;grid-template-columns:50% 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{-ms-grid-columns:1fr 50%;grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{-ms-grid-row-align:start;align-self:start}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{-ms-grid-row-align:center;align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{-ms-grid-row-align:end;align-self:end}.wp-block-media-text .wp-block-media-text__media{ + /*!rtl:begin:ignore*/-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1; + /*!rtl:end:ignore*/margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr; + /*!rtl:begin:ignore*/-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1; + /*!rtl:end:ignore*/padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ + /*!rtl:begin:ignore*/-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1 + /*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ + /*!rtl:begin:ignore*/-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1 + /*!rtl:end:ignore*/}.wp-block-media-text__media img,.wp-block-media-text__media video{max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill .wp-block-media-text__media{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{-ms-grid-columns:100%!important;grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}}.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container{color:#1e1e1e;background-color:#fff;min-width:200px}.items-justified-left>ul{justify-content:flex-start}.items-justified-center>ul{justify-content:center}.items-justified-right>ul{justify-content:flex-end}.items-justified-space-between>ul{justify-content:space-between}.wp-block-navigation-link{display:flex;align-items:center;position:relative;margin:0}.wp-block-navigation-link .wp-block-navigation__container:empty{display:none}.wp-block-navigation__container{list-style:none;margin:0;padding-left:0;display:flex;flex-wrap:wrap}.is-vertical .wp-block-navigation__container{display:block}.has-child>.wp-block-navigation-link__content{padding-right:.5em}.has-child .wp-block-navigation__container{border:1px solid rgba(0,0,0,.15);background-color:inherit;color:inherit;position:absolute;left:0;top:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2;opacity:0;transition:opacity .1s linear;visibility:hidden}.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__content{flex-grow:1}.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon{padding-right:.5em}@media (min-width:782px){.has-child .wp-block-navigation__container{left:1.5em}.has-child .wp-block-navigation__container .wp-block-navigation__container{left:100%;top:-1px}.has-child .wp-block-navigation__container .wp-block-navigation__container:before{content:"";position:absolute;right:100%;height:100%;display:block;width:.5em;background:transparent}.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg{transform:rotate(0)}}.has-child:hover{cursor:pointer}.has-child:hover>.wp-block-navigation__container{visibility:visible;opacity:1;display:flex;flex-direction:column}.has-child:focus-within{cursor:pointer}.has-child:focus-within>.wp-block-navigation__container{visibility:visible;opacity:1;display:flex;flex-direction:column}.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus,.wp-block-navigation[style*=text-decoration] .wp-block-navigation__container{text-decoration:inherit}.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus{text-decoration:none}.wp-block-navigation-link__content{color:inherit;padding:.5em 1em}.wp-block-navigation-link__content+.wp-block-navigation-link__content{padding-top:0}.has-text-color .wp-block-navigation-link__content{color:inherit}.wp-block-navigation-link__label{word-break:normal;overflow-wrap:break-word}.wp-block-navigation-link__submenu-icon{height:inherit;padding:.375em 1em .375em 0}.wp-block-navigation-link__submenu-icon svg{fill:currentColor}@media (min-width:782px){.wp-block-navigation-link__submenu-icon svg{transform:rotate(90deg)}}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}p.has-background{padding:1.25em 2.375em}p.has-text-color a{color:inherit}p:empty:before{content:"​"}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author__byline{width:100%;margin-top:0;margin-bottom:0;font-size:.5em}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{margin-bottom:.7em;font-size:.7em}.wp-block-post-author__content{flex-grow:1;flex-basis:0}.wp-block-post-author__name{font-weight:700;margin:0}.wp-block-post-comments-form input[type=submit]{color:#fff;background-color:#32373c;border:none;border-radius:1.55em;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.125em;padding:.667em 1.333em;text-align:center;text-decoration:none;overflow-wrap:break-word}.wp-block-post-comments-form input[type=submit]:active,.wp-block-post-comments-form input[type=submit]:focus,.wp-block-post-comments-form input[type=submit]:hover,.wp-block-post-comments-form input[type=submit]:visited{color:#fff}.wp-block-preformatted{white-space:pre-wrap}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:1.25em}.wp-block-pullquote p{font-size:1.75em;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:2em}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-query-loop{max-width:100%;list-style:none;padding:0}.wp-block-query-loop li{clear:both}.wp-block-query-loop.is-flex-container{flex-direction:row;display:flex;flex-wrap:wrap}.wp-block-query-loop.is-flex-container li{margin:0 0 1.25em;width:100%}@media (min-width:600px){.wp-block-query-loop.is-flex-container li{margin-right:1.25em}.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li:nth-child(2n){margin-right:0}.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li:nth-child(3n){margin-right:0}.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li:nth-child(4n){margin-right:0}.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li:nth-child(5n){margin-right:0}.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li:nth-child(6n){margin-right:0}}.wp-block-query-pagination{display:flex;flex-direction:row;flex-wrap:wrap}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{display:inline-block;margin-right:.5em;margin-bottom:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:1.125em;text-align:right}.wp-block-rss.wp-block-rss{box-sizing:border-box}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 1em)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}.wp-block-rss.columns-4 li{width:calc(25% - 1em)}.wp-block-rss.columns-5 li{width:calc(20% - 1em)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#555;font-size:.8125em}.wp-block-search .wp-block-search__button{background:#f7f7f7;border:1px solid #ccc;padding:.375em .625em;color:#32373c;margin-left:.625em;word-break:normal}.wp-block-search .wp-block-search__button.has-icon{line-height:0}.wp-block-search .wp-block-search__button svg{min-width:1.5em;min-height:1.5em}.wp-block-search .wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;min-width:3em;border:1px solid #949494}.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-left:0}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px;border:1px solid #949494}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input{border-radius:0;border:none;padding:0 0 0 .25em}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus{outline:none}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button{padding:.125em .5em}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"···";color:currentColor;font-size:1.5em;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-custom-logo{line-height:0}.wp-block-custom-logo .aligncenter{display:table}.wp-block-custom-logo.is-style-rounded img{border-radius:9999px}.wp-block-social-links{display:flex;flex-wrap:wrap;justify-content:flex-start;padding-left:0;padding-right:0;text-indent:0;margin-left:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{text-decoration:none;border-bottom:0;box-shadow:none}.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link{margin:4px 8px 4px 0}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{width:1em;height:1em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links.alignright{justify-content:flex-end}.wp-social-link{display:block;border-radius:9999px;transition:transform .1s ease;height:auto}@media (prefers-reduced-motion:reduce){.wp-social-link{transition-duration:0s}}.wp-social-link a{display:block;line-height:0;transition:transform .1s ease}.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg{color:currentColor;fill:currentColor}.wp-social-link:hover{transform:scale(1.1)}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#ff424d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none;padding:4px}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#ff424d}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#fe4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-spacer{clear:both}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-tag-cloud.aligncenter{text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-table{overflow-x:auto}.wp-block-table table{width:100%}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f0f0f0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{font-family:inherit;overflow:auto;white-space:pre-wrap}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-post-featured-image a{display:inline-block}.wp-block-post-featured-image img{max-width:100%;height:auto}:root .has-pale-pink-background-color{background-color:#f78da7}:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .has-white-background-color{background-color:#fff}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-black-background-color{background-color:#000}:root .has-pale-pink-color{color:#f78da7}:root .has-vivid-red-color{color:#cf2e2e}:root .has-luminous-vivid-orange-color{color:#ff6900}:root .has-luminous-vivid-amber-color{color:#fcb900}:root .has-light-green-cyan-color{color:#7bdcb5}:root .has-vivid-green-cyan-color{color:#00d084}:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .has-vivid-cyan-blue-color{color:#0693e3}:root .has-vivid-purple-color{color:#9b51e0}:root .has-white-color{color:#fff}:root .has-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}:root .has-black-color{color:#000}:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(135deg,#0693e3,#9b51e0)}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(135deg,#7adcb4,#00d082)}:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(135deg,#fcb900,#ff6900)}:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(135deg,#ff6900,#cf2e2e)}:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(135deg,#eee,#a9b8c3)}:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .has-blush-light-purple-gradient-background{background:linear-gradient(135deg,#ffceec,#9896f0)}:root .has-blush-bordeaux-gradient-background{background:linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-luminous-dusk-gradient-background{background:linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-pale-ocean-gradient-background{background:linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .has-electric-grass-gradient-background{background:linear-gradient(135deg,#caf880,#71ce7e)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root .has-link-color a{color:#00e;color:var(--wp--style--color--link,#00e)}.has-small-font-size{font-size:.8125em}.has-normal-font-size,.has-regular-font-size{font-size:1em}.has-medium-font-size{font-size:1.25em}.has-large-font-size{font-size:2.25em}.has-huge-font-size,.has-larger-font-size{font-size:2.625em}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both} \ No newline at end of file diff --git a/comsol/css/themes.gif.css b/comsol/css/themes.gif.css new file mode 100644 index 0000000..2be4c3e Binary files /dev/null and b/comsol/css/themes.gif.css differ diff --git a/comsol/details.html b/comsol/details.html new file mode 100644 index 0000000..8c8b024 --- /dev/null +++ b/comsol/details.html @@ -0,0 +1,226 @@ + + + + + + {{.Title}} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+ + +
+ +
+ + +
+ + + + +
+ +
+
+ + + + + +
+
+
+
+ +
+
+ +
+ +
+ +
+
+ + + +
+
+ +
+
+ +
+ +
+

{{.Title}}

+
+
+ + +
+

{{.Article.Summary}}

+ {{range .Article.Topics}} +

{{.Topic}}

+ {{$tlen := len .Pictures}} + {{if ne $tlen 0}} + {{range .Pictures}} + + {{end}} + {{end}} +

{{.Content}}

+ {{end}} +
+
+
+ +
+
+ + +
+

POPULAR ARTICLES

+ {{$plen := len .PopularArticles}} + {{if ne $plen 0}} + + {{range .PopularArticles}} +
+
+
+ Cover Image +
+ +
+ +

{{.Title}}

+ +
+
+
+ {{end}} + {{end}} +
+
+
+
+
+ +
+ + + + + +
+
+ + +
+
+
+
    +
  • Quick Links
    • +
  • HOME
    • + {{if .HasAbout }} +
  • ABOUT
    • + {{end}} + {{if .HasContact }} +
  • CONTACT
    • + {{end}} + {{if .HasPolicy }} +
  • POLICY
    • + {{end}} + +
+
+
+
+
+ +
+
+ + + + + + + diff --git a/comsol/images/COMSOL_Blog_HomeHeader.png b/comsol/images/COMSOL_Blog_HomeHeader.png new file mode 100644 index 0000000..8c68df0 Binary files /dev/null and b/comsol/images/COMSOL_Blog_HomeHeader.png differ diff --git a/comsol/images/favicon.ico b/comsol/images/favicon.ico new file mode 100644 index 0000000..68993f4 Binary files /dev/null and b/comsol/images/favicon.ico differ diff --git a/comsol/images/jquery/animated-overlay.gif b/comsol/images/jquery/animated-overlay.gif new file mode 100644 index 0000000..d441f75 Binary files /dev/null and b/comsol/images/jquery/animated-overlay.gif differ diff --git a/comsol/images/jquery/ui-bg_diagonals-thick_18_b81900_40x40.png b/comsol/images/jquery/ui-bg_diagonals-thick_18_b81900_40x40.png new file mode 100644 index 0000000..22f3ede Binary files /dev/null and b/comsol/images/jquery/ui-bg_diagonals-thick_18_b81900_40x40.png differ diff --git a/comsol/images/jquery/ui-bg_diagonals-thick_20_666666_40x40.png b/comsol/images/jquery/ui-bg_diagonals-thick_20_666666_40x40.png new file mode 100644 index 0000000..008180e Binary files /dev/null and b/comsol/images/jquery/ui-bg_diagonals-thick_20_666666_40x40.png differ diff --git a/comsol/images/jquery/ui-bg_flat_10_000000_40x100.png b/comsol/images/jquery/ui-bg_flat_10_000000_40x100.png new file mode 100644 index 0000000..a68551d Binary files /dev/null and b/comsol/images/jquery/ui-bg_flat_10_000000_40x100.png differ diff --git a/comsol/images/jquery/ui-bg_glass_100_f6f6f6_1x400.png b/comsol/images/jquery/ui-bg_glass_100_f6f6f6_1x400.png new file mode 100644 index 0000000..9945f71 Binary files /dev/null and b/comsol/images/jquery/ui-bg_glass_100_f6f6f6_1x400.png differ diff --git a/comsol/images/jquery/ui-bg_glass_100_fdf5ce_1x400.png b/comsol/images/jquery/ui-bg_glass_100_fdf5ce_1x400.png new file mode 100644 index 0000000..24b0416 Binary files /dev/null and b/comsol/images/jquery/ui-bg_glass_100_fdf5ce_1x400.png differ diff --git a/comsol/images/jquery/ui-bg_glass_65_ffffff_1x400.png b/comsol/images/jquery/ui-bg_glass_65_ffffff_1x400.png new file mode 100644 index 0000000..f82be3b Binary files /dev/null and b/comsol/images/jquery/ui-bg_glass_65_ffffff_1x400.png differ diff --git a/comsol/images/jquery/ui-bg_gloss-wave_35_f6a828_500x100.png b/comsol/images/jquery/ui-bg_gloss-wave_35_f6a828_500x100.png new file mode 100644 index 0000000..4a28a9d Binary files /dev/null and b/comsol/images/jquery/ui-bg_gloss-wave_35_f6a828_500x100.png differ diff --git a/comsol/images/jquery/ui-bg_highlight-soft_100_eeeeee_1x100.png b/comsol/images/jquery/ui-bg_highlight-soft_100_eeeeee_1x100.png new file mode 100644 index 0000000..37a43a1 Binary files /dev/null and b/comsol/images/jquery/ui-bg_highlight-soft_100_eeeeee_1x100.png differ diff --git a/comsol/images/jquery/ui-bg_highlight-soft_75_ffe45c_1x100.png b/comsol/images/jquery/ui-bg_highlight-soft_75_ffe45c_1x100.png new file mode 100644 index 0000000..f2e2a2d Binary files /dev/null and b/comsol/images/jquery/ui-bg_highlight-soft_75_ffe45c_1x100.png differ diff --git a/comsol/images/jquery/ui-icons_222222_256x240.png b/comsol/images/jquery/ui-icons_222222_256x240.png new file mode 100644 index 0000000..c1cb117 Binary files /dev/null and b/comsol/images/jquery/ui-icons_222222_256x240.png differ diff --git a/comsol/images/jquery/ui-icons_228ef1_256x240.png b/comsol/images/jquery/ui-icons_228ef1_256x240.png new file mode 100644 index 0000000..3a0140c Binary files /dev/null and b/comsol/images/jquery/ui-icons_228ef1_256x240.png differ diff --git a/comsol/images/jquery/ui-icons_ef8c08_256x240.png b/comsol/images/jquery/ui-icons_ef8c08_256x240.png new file mode 100644 index 0000000..036ee07 Binary files /dev/null and b/comsol/images/jquery/ui-icons_ef8c08_256x240.png differ diff --git a/comsol/images/jquery/ui-icons_ffd27a_256x240.png b/comsol/images/jquery/ui-icons_ffd27a_256x240.png new file mode 100644 index 0000000..8b6c058 Binary files /dev/null and b/comsol/images/jquery/ui-icons_ffd27a_256x240.png differ diff --git a/comsol/images/jquery/ui-icons_ffffff_256x240.png b/comsol/images/jquery/ui-icons_ffffff_256x240.png new file mode 100644 index 0000000..4f624bb Binary files /dev/null and b/comsol/images/jquery/ui-icons_ffffff_256x240.png differ diff --git a/comsol/index.html b/comsol/index.html new file mode 100644 index 0000000..8df61ea --- /dev/null +++ b/comsol/index.html @@ -0,0 +1,214 @@ + + + + + + {{.Title}} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+ + +
+ +
+ + +
+ + + + +
+ +
+
+ + + + + +
+
+
+
+
+ +
+
+
+
+
+ +

+ LATEST ARTICLES

+
+
+ +
+
+ + {{ range .Articles }} + +
+
+ Cover Image +
+
+ +
+

{{.Title}}

+
{{timeFormat .PublishTime}}
+

+

{{.Summary}}

+

+
+
+
+
+ + {{end}} + +
+
+
+ +
+ {{$pulen := len .PrevUrl}} + {{ if ne $pulen 0 }} +
+ + Prev + +
+ {{ end }} + {{$nulen := len .NextUrl}} + {{ if ne $nulen 0 }} +
+ + Next + +
+ {{ end }} +
+
+
+
+
+
+ + + + + +
+
+ + + +
+
+
+
    +
  • Quick Links
    • +
  • HOME
    • + {{if .HasAbout }} +
  • ABOUT
    • + {{end}} + {{if .HasContact }} +
  • CONTACT
    • + {{end}} + {{if .HasPolicy }} +
  • POLICY
    • + {{end}} + +
+
+
+
+
+ +
+
+ + + + + + diff --git a/comsol/js/comsol.js b/comsol/js/comsol.js new file mode 100644 index 0000000..8339f74 --- /dev/null +++ b/comsol/js/comsol.js @@ -0,0 +1,23 @@ + +; +$(document).ready(function(){ + $(".rslides").responsiveSlides({ + pager : true, + nav : true, + namespace: "centered-btns" + }); + if ($(".poly-video-player").length > 0) { + $.getScript('//player.polyv.net/script/polyvplayer.min.js', function() { + $(".poly-video-player").each(function() { + var vid = $(this).attr("vid"); + $(this).data('polyVideoPlayer', polyvObject($(this).get(0)).videoPlayer({ + 'width':'100%', + 'height':'100%', + 'vid' : vid, + 'forceH5':true + } + )); + }); + }); + } +}); \ No newline at end of file diff --git a/comsol/js/responsiveslides/responsiveslides.js b/comsol/js/responsiveslides/responsiveslides.js new file mode 100644 index 0000000..3488fe2 --- /dev/null +++ b/comsol/js/responsiveslides/responsiveslides.js @@ -0,0 +1,393 @@ + +; +/*! ResponsiveSlides.js v1.54 + * http://responsiveslides.com + * http://viljamis.com + * + * Copyright (c) 2011-2012 @viljamis + * Available under the MIT license + */ + +/*jslint browser: true, sloppy: true, vars: true, plusplus: true, indent: 2 */ + +(function ($, window, i) { + $.fn.responsiveSlides = function (options) { + + // Default settings + var settings = $.extend({ + "auto": true, // Boolean: Animate automatically, true or false + "speed": 500, // Integer: Speed of the transition, in milliseconds + "timeout": 4000, // Integer: Time between slide transitions, in milliseconds + "pager": false, // Boolean: Show pager, true or false + "nav": false, // Boolean: Show navigation, true or false + "random": false, // Boolean: Randomize the order of the slides, true or false + "pause": false, // Boolean: Pause on hover, true or false + "pauseControls": true, // Boolean: Pause when hovering controls, true or false + "prevText": "Previous", // String: Text for the "previous" button + "nextText": "Next", // String: Text for the "next" button + "maxwidth": "", // Integer: Max-width of the slideshow, in pixels + "navContainer": "", // Selector: Where auto generated controls should be appended to, default is after the