/* Theme Name: Jazz Theme URI: http://www.jazzpharma.com Author: Medium Well Author URI: http://www.mediumwell.com Version: 1.0 */ /*----------------------------------------------------------------------------------- = Table of Contents 1. = Fonts 2. = Body, Typography and some main Elements 3. = Structure 4. = Header styling 5. = Navigation styling 6. = Footer styling 7. = Home Page styling 8. = Fullwidth Page styling 9. = About Page styling 10.= Leadership Page styling 11.= Corporate Ethics Page styling 12.= History Page styling 13.= Business Development Page styling 14.= Directors Board Page styling 15.= Sponsorships Page styling 16.= News Page styling 17.= Careers Page styling 18.= Popup styling 19.= Template Pieces styling /*-----------------------------------------------------------------------------------*/ /* 1. = Fonts /*-----------------------------------------------------------------------------------*/ @import url(css/font-awesome.min.css); @import url(css/fonts.css); /*-----------------------------------------------------------------------------------*/ /* 2. = Body, Typography and some main Elements /*-----------------------------------------------------------------------------------*/ html * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } body { font-size:14px; color:#231f20; font-family:Arial, Helvetica, sans-serif; font-weight:500; overflow-x:hidden; letter-spacing:1px; } input[type=text], textarea { -webkit-appearance:none; border-radius:0; } input, textarea, select, label { font-family:Arial, Helvetica, sans-serif; outline:0; } input:focus, input:hover { outline:0; } h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 25px 0; line-height:1.3; font-weight:400; font-family: 'Raleway', sans-serif; } h1 { font-size:32px; letter-spacing:3px; } h2 { font-size:26px; letter-spacing:3px; } h3 { font-size:20px; letter-spacing:2px; } h4 { font-size:18px; letter-spacing:2px; } h5 { font-size:14px; } h6 { font-size:14px; } img { display:block; max-width:100%; } ul,ol { margin:0; padding:0; list-style:none; } a, a:visited, a:active { color:#231f20; text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; transition:all .3s ease-out; } a:focus, a:hover { color:#231f20; text-decoration:none; outline:0; } p { margin:0 0 15px 0; line-height:1.5; } .animate { transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; } .no-animate { transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; } /*-----------------------------------------------------------------------------------*/ /* 3. = Structure /*-----------------------------------------------------------------------------------*/ .container { width:1000px; margin:0 auto; padding:0; } .view-mobile { display:none; } /*-----------------------------------------------------------------------------------*/ /* 4. = Header styling /*-----------------------------------------------------------------------------------*/ #header { padding-top:47px; padding-bottom:31px; position:relative; } #header .logo { float:left; } #header form { position:absolute; right:0; bottom:0; background:#EFECE6; padding:0 20px; width:41.5%; } #header form input[type=text] { height:39px; line-height:39px; width:90%; border:none; background:none; float:left; } #header form input[type=submit] { float:left; display:block; border:none; background:url(images/icon-search.png) no-repeat; width:20px; height:20px; cursor:pointer; margin:11px 10px 0 0; } #header .header-right { float:right; margin-top:11px; } #header .header-right nav { } #header .header-right nav li { margin-right:55px; float:left; } #header .header-right nav li:last-child { margin-right:0; } #header .header-right nav li a { color:#880063; display:block; padding:7px 0 0 0; text-transform:uppercase; letter-spacing:2px; transition:color 0.3s ease 0s; -webkit-transition:color 0.3s ease 0s; -moz-transition:color 0.3s ease 0s; -ms-transition:color 0.3s ease 0s; } #header .header-right nav li.current_page_item a, #header .header-right nav li a:hover { border-top:4px solid #FFCD00; padding:3px 0 0 0; } /*-----------------------------------------------------------------------------------*/ /* 5. = Navigation styling /*-----------------------------------------------------------------------------------*/ #nav { background:#861C66; border-bottom:1px solid #EFEFEF; position:relative; padding:0 8px; margin-bottom:1px; } #nav li { display:inline-block; font-size:14px; margin:0 65px 0 0; } #nav .container > ul { margin:0 -35px; width:auto; position:relative; } #nav .container > ul > li:last-child { margin:0; } #nav li a { text-transform:uppercase; font-size:14px; color:#FFF; padding:10px 32px 9px 32px; display:block; letter-spacing:2px; } #nav li.current_page_item > a, #nav li.current-page-ancestor > a, #nav li.sfHover > a, #nav li a:hover { background:#FFF; color:#880364; } #nav li ul { position:absolute; left:0; top:40px; padding:50px 25px; z-index:10; width:100%; display:none; text-align:left; } #nav li ul li { float:left; margin:0 72px 0 0; } #nav li ul li:last-child { margin:0; } #nav li ul li a { padding:0; color:#000; } #nav li ul li a:hover { color:#880364; background:none; } #nav li ul li.current_page_item > a { background:none; } #nav .sub-nav-bg { position:absolute; z-index:1; background:rgba(255,255,255,0.9); width:100%; height:120px; left:0; top:42px; opacity:0; transition:all 1.3s ease 1.3s; -webkit-transition:all 1.3s ease 1.3s; -moz-transition:all 1.3s ease 1.3s; -ms-transition:all 1.3s ease 1.3s; } #nav .sub-nav-bg.active { opacity:1; transition:all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s; -moz-transition:all 0.8s ease 0s; -ms-transition:all 0.8s ease 0s; } #mobile-nav { display:none; } /*-----------------------------------------------------------------------------------*/ /* 6. = Footer styling /*-----------------------------------------------------------------------------------*/ #footer { background:url(images/footer-bg.jpg) no-repeat; background-size:cover; padding:40px 0 50px 0; } #footer .footer-widget { display:inline-block; vertical-align:middle; } #footer .footer-widget-1 { margin:40px 0 0 0; float:left; } #footer .footer-widget-1 form { margin:20px auto; background:#F1EEEA; max-width:220px; } #footer .footer-widget-1 form input[type=text] { font-size:14px; background:none; border:none; float:left; width:180px; height:30px; line-height:30px; padding:0 10px; color:#231f20; } #footer .footer-widget-1 form input[type=submit] { float:right; border:none; margin:7px 10px 0 0; display:block; width:17px; height:17px; background:url(images/icon-search.png) no-repeat; } #footer .footer-widget-1 form input::-webkit-input-placeholder { color:#a99f86 !important; opactiy:1 !important; font-style:italic; } #footer .footer-widget-1 form input:-moz-placeholder { color:#a99f86 !important; opactiy:1 !important; font-style:italic; } #footer .footer-widget-1 form input::-moz-placeholder { color:#a99f86 !important; opactiy:1 !important; font-style:italic; } #footer .footer-widget-1 form input:-ms-input-placeholder { color:#a99f86 !important; opactiy:1 !important; font-style:italic; } #footer .footer-widget-2 { float:right; padding:10px 40px; border-left:1px solid #FFF; position:relative; } #footer .footer-widget-2 li { margin:0 0 5px 0; } #footer .footer-widget-2 li.last { margin:0; } #footer .footer-widget-2 li a { color:#FFF; font-size:12px; text-transform:uppercase; transition:color 0.3s ease 0s; -webkit-transition:color 0.3s ease 0s; -moz-transition:color 0.3s ease 0s; -ms-transition:color 0.3s ease 0s; } #footer .footer-widget-2 li a:hover { color:#851C66; } #footer .footer-widget-2 li.current_page_item a { color:#851C66 !important; padding-left:0 !important; } #footer .footer-widget-2 li.current_page_item a:hover { color:#851C66 !important; } #footer .footer-widget-2 li.linkedin { position:absolute; bottom:6px; left:120px; margin:0; } #footer .footer-widget-2 li.linkedin a { display:block; width:28px; height:28px; background:url(images/icon-linkedin.png) no-repeat; text-indent:-9999px; } /* #footer .footer-widget-2 { padding:50px 0 0 0; min-height:120px; border-left:1px solid #FFF; border-right:1px solid #FFF; text-align:center; } #footer .footer-widget-2 h2 { font-size:16px; margin:0 0 15px 0; padding:0 50px 15px 0; display:inline-block; border-bottom:1px solid #FFF; color:#FFF; text-transform:uppercase; letter-spacing:3px; } #footer .footer-widget-2 h3 { font-size:16px; margin:0 0 15px 0; padding:0 50px 15px 0; display:inline-block; border-bottom:1px solid #FFF; color:#FFF; text-transform:uppercase; letter-spacing:3px; } #footer .footer-widget-2 a { font-size:14px; padding-left:20px; background:url(images/arrow-purple.png) no-repeat left center; color:#FFF; text-transform:uppercase; letter-spacing:3px; } #footer .footer-widget-2 a:hover { color:#851C66; } #footer .footer-widget-2 li.current_page_item a { color:#851C66; } #footer .footer-widget-3 { padding:0 0 0 75px; text-align:left; } #footer .footer-widget-3 li a { color:#FFF; font-size:12px; text-transform:uppercase; transition:color 0.3s ease 0s; -webkit-transition:color 0.3s ease 0s; -moz-transition:color 0.3s ease 0s; -ms-transition:color 0.3s ease 0s; } #footer .footer-widget-3 li a:hover { color:#851C66; } #footer .footer-widget-3 li.current_page_item a { color:#851C66 !important; padding-left:0 !important; } #footer .footer-widget-3 li.current_page_item a:hover { color:#851C66 !important; } */ #footer .mobile-footer-widget { padding:20px 0 0 75px; text-align:left; min-height:204px; display:none; } #footer .mobile-footer-widget h2 { font-size:30px; color:#FFF; margin:0 0 20px 0; letter-spacing:2px; } #footer .mobile-footer-widget li { margin:0 auto 4px auto; color:#FFF; font-size:14px; width:240px; text-align:left; } #footer .mobile-footer-widget li span { display:inline-block; float:left; width:110px; } /*-----------------------------------------------------------------------------------*/ /* 7. = Home Page styling /*-----------------------------------------------------------------------------------*/ #home-slider { position:relative; } #home-slider .slides li { position:relative; width:100%; background-repeat:no-repeat; background-size:cover; } #home-slider .slides li .caption { position:absolute; width:100%; left:0; bottom:150px; } #home-slider .slides li .caption h2 { font-size:24px; color:#FFF; width:350px; line-height:1.5; font-weight:400; } #home-slider .flex-direction-nav { display:none; } #home-slider .flex-control-nav { position:absolute; bottom:36px; } #home-slider .flex-control-nav li { float:left; margin:0 12px 0 0; } #home-slider .flex-control-nav li a { display:block; width:12px; height:12px; text-indent:-9999px; cursor:pointer; background:url(images/slider-dots.png) no-repeat -24px 0; transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; } #home-slider .flex-control-nav li .flex-active { background-position:0 0; } #home-wrapper { padding-top:80px; padding-bottom:80px; } #home-wrapper .main { width:50%; float:left; padding-right:50px; } #home-wrapper .main h2 { color:#90115D; line-height:1.3; } #home-wrapper .main h3 { color:#90115D; font-size:18px; line-height:1.7; letter-spacing:1.5px; } #home-wrapper .main .more { display:inline-block; background:url(images/arrow-purple.png) no-repeat right center; padding-right:25px; } #home-wrapper .home-tab-slider .flex-control-nav { display:none; } #home-wrapper .home-tab-slider .flex-direction-nav { display:none; } #home-wrapper .main li:before { content:"."; width:25px; display:block; float:left; margin-top:-4px; } #home-wrapper .entry .one-second { margin-bottom:0; } #home-wrapper .entry .one-second-last { margin-bottom:0; } #home-wrapper aside { width:50%; float:right; padding-left:80px; border-left:2px solid #FFCB00; } #home-wrapper aside h2 { margin:0 0 10px 0; font-size:17px; background:url(images/icon-rss.png) no-repeat left top; padding:9px 0 0 37px; } #home-wrapper aside .date { font-size:22px; color:#FCCE01; margin:0; /*text-transform:uppercase;*/ line-height: 1.3 !important;} #home-wrapper aside .more { display:inline-block; color:#880063; background:url(images/arrow-yellow.png) no-repeat right center; padding-right:25px; } #home-wrapper aside .more:hover { text-decoration:underline; } #home-wrapper aside p a { color:#880063; } #home-wrapper aside p a:hover { text-decoration:underline; } #home-portals { margin-bottom:100px; } #home-portals .portal { float:left; position:relative; display:block; margin:0 105px 0 0; padding:7px 5px 6px 8px; background:url(images/portal-yellow-circle.png) no-repeat left top / 100% 100%; transition:none 0.3s ease 0s; -webkit-transition:none 0.3s ease 0s; -moz-transition:none 0.3s ease 0s; -ms-transition:none 0.3s ease 0s; } #home-portals .portal:hover { padding:20px 18px 20px 22px; margin:-13px 92px -14px -14px; } #home-portals .portal3 { margin:0; float:right; } #home-portals .portal3:hover { margin:-13px -13px -14px -14px; } #home-portals .portal .content { position:relative; } #home-portals .portal .caption { font-size:18px; position:absolute; z-index:10; width:100%; text-align:center; bottom:12px; padding:10px 0; } #home-portals .portal .caption h4 { margin:0; color:#FFF; letter-spacing:0; } #home-portals .purple-circle { width:194px; height:92px; position:absolute; z-index:1; opacity:0.8; bottom:0; left:50%; margin:0 0 0 -97px; background:url(images/portal-purple-cirle.png) no-repeat; } /*-----------------------------------------------------------------------------------*/ /* 8. = Fullwidth Page styling /*-----------------------------------------------------------------------------------*/ .entry { font-family:Arial, Helvetica, sans-serif; padding-top:65px; padding-bottom:80px; } .entry h1 { font-size:22px; margin:0 0 20px 0; color:#880063; letter-spacing:1.75px; } .entry h2 { font-size:18px; margin:0 0 20px 0; color:#880063; letter-spacing:1.5px; } .entry h3 { font-size:16px; margin:0 0 20px 0; color:#880063; letter-spacing:1.5px; } .entry h4 { font-size:14px; margin:0 0 20px 0; color:#880063; letter-spacing:1.5px; } .entry h5 { font-size:14px; margin:0 0 20px 0; color:#880063; letter-spacing:1.5px; } .entry h6 { font-size:14px; margin:0 0 20px 0; color:#880063; letter-spacing:1.5px; } .entry p { margin:0 0 20px 0; } .entry p a { text-decoration:none; color:#880063; } .entry p a:hover { text-decoration:underline; } .entry ul { margin:0 0 20px 0; } .entry ul li { list-style:disc; margin:0 0 10px 17px; } .entry ol { margin:0 0 20px 0; } .entry ol li { list-style:decimal; margin:0 0 10px 17px; } .entry ul.sub { margin:0 0 20px 30px; } .entry ul.sub li { list-style:none; margin:0; padding:0; } .entry blockquote { background:#EFECE6; margin:0 0 20px 0; padding:15px 20px; } .entry blockquote p:last-child { margin:0; } .entry .one-second { float:left; width:50%; padding-right:30px; margin-bottom:50px; } .entry .one-second-last { float:left; width:50%; padding-left:30px; margin-bottom:50px; } .yellow-bar { width:100%; height:1px; background:#FFCE00; } .sitemap ul li { list-style:none; } .sitemap ul li a:hover { text-decoration:underline; } .sitemap > ul > li { margin:0 0 25px 0; font-size:18px; font-family: 'Raleway', sans-serif; letter-spacing:1px; } .sitemap > ul > li a { color:#880063; } .sitemap > ul > li ul { margin:0 0 25px 0; } .sitemap > ul > li ul li { margin:0; font-family:Arial, Helvetica, sans-serif; letter-spacing:0; font-size:14px; color:#231f20; } .sitemap > ul > li ul li a { color:#231f20; } .fullwidth .main { max-width:500px; } .entry .map-list { margin:0; } .entry .map-list li { float:left; margin:0 4% 50px 0; list-style:none; padding:0; width:22%; } .entry .map-list li p { margin:0; } .entry .map-list li .map-container { margin:0 0 20px 0; } .entry .map-list li h2 { height:30px; margin:0 0 20px 0; letter-spacing:0.7px; } .entry .map-list li:nth-child(4n) { margin-right:0; } .entry .map-list li:nth-child(4n+1) { clear:both; } .search-result h2 a { color: #880063; } #breadcrumb { padding:70px 0 50px 0; border-top:1px solid #FFCE00; } #breadcrumb li { float:left; margin:0 35px 20px 0; } #breadcrumb li a { font-size:16px; color:#880063; text-transform:uppercase; display:block; letter-spacing:1px; } #breadcrumb li:last-child { margin-right:0; } #breadcrumb li a:hover { text-decoration:underline; } body.page-id-19 #breadcrumb li { float:none; margin:0 0 10px 0; } body.page-id-19 #breadcrumb li br { display:none; } body.page-id-1608 #breadcrumb li { float:none; margin:0 0 10px 0; } body.page-id-1608 #breadcrumb li br { display:none; } #page-hero { background-repeat:no-repeat; background-size:cover; background-position:right bottom; height:380px; padding-top:180px; } #page-hero h1 { font-size:22px; margin:0; color:#FFF; display:none; } body.page-child #page-hero { height:280px; } .page-thumbnail { /*border-bottom:1px solid #851C66;*/ } .page-wrapper .two-third { float:left; width:640px; } .page-wrapper .two-third-last { float:right; width:640px; } .page-wrapper .one-third { float:left; width:280px; } .jazzvalues { float:left; width:280px; font-family:Arial, Helvetica, sans-serif; padding-top:45px; } .jazzvalues-main { float: left; width: 640px; border-right:none; padding-top:45px; padding-right:50px; } .page-wrapper .one-third-last { float:right; width:280px; } .page-wrapper .two-third.no-border, .page-wrapper .two-third-last.no-border { border:none; } .page-wrapper .two-third.yes-border, .page-wrapper .two-third-last.yes-border { border-right:1px solid #FFCE00 } .page-wrapper .one-third li, .page-wrapper .one-third-last li { margin:0 0 30px 0; list-style:none; } .page-wrapper .one-third li a, .page-wrapper .one-third-last li a { font-size:16px; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-weight:400; color:#880063; } .page-wrapper .one-third li a:hover, .page-wrapper .one-third-last li a:hover { text-decoration:underline; } .page-wrapper hr { border-color:#FFCE00; clear:both; width:100%; margin:30px 0; } .page-wrapper .two-third hr, .page-wrapper .two-third-last hr { margin:10px 0; } .page-wrapper .logos li { float:left; margin:0 65px 30px 0; list-style:none; } .page-wrapper .logos li:last-child { margin:0 0 30px 0; } .page-wrapper .tablepress-table-name { margin:0 0 15px 0; padding:0 20px 15px 20px; border-bottom:1px solid #FFCE00; } .page-wrapper .tablepress-table-description { font-size:18px; margin:0; color:#880063; letter-spacing:1.5px; padding:0 20px; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-weight:400; } .tablepress td a { color:#880063;} .tablepress td a:hover { text-decoration:underline; } .page-wrapper .product-table { margin:0 0 30px 0; } .page-wrapper .product-table td { padding:3px 20px; border:none; width:33.3333% } .page-wrapper .product-table tfoot th { background:none; padding:6px 20px; font-size:10px; font-weight:400; border:none; } .page-wrapper .safety-table { margin:0 0 30px 0; border-top:1px solid #FFCE00; } .page-wrapper .safety-table td { padding:14px 20px; border-bottom:1px solid #FFCE00; vertical-align:top; } .page-wrapper .safety-table tr > td:last-child { text-align:right; } .page-wrapper .safety-table td h2 { font-size:14px; font-weight:700; margin:0; } .page-wrapper .safety-table td p { margin:0; } .page-wrapper .safety-table td a { font-weight:400; } .page-wrapper #tablepress-5.safety-table .column-1 { width:75%; } .page-wrapper #tablepress-5.safety-table td { vertical-align:middle; } .page-wrapper #tablepress-6.safety-table h2 { float:none; margin:0; } .page-wrapper .pipeline-table { border-bottom:2px solid #A89F87; } .page-wrapper .pipeline-table td { padding:10px 20px; border:none; vertical-align:middle; font-family:'Raleway', sans-serif; font-weight:300; } .page-wrapper .pipeline-table thead th { padding:8px 20px; background:#880364; color:#FFF; text-align:center; font-family:'Raleway', sans-serif; font-weight:300; } .page-wrapper .pipeline-table thead th:nth-child(1) { text-align:left; } .page-wrapper .pipeline-table thead th:nth-child(2) { text-align:right; } .page-wrapper .pipeline-table tbody tr > td:nth-child(2) { text-align:right; } .page-wrapper .pipeline-table tbody tr:nth-child(1) td { background:#D7D1C4; } .page-wrapper .pipeline-table tbody tr:nth-child(6) td { background:#D7D1C4; } .page-wrapper .pipeline-table tbody tr:last-child td { padding-bottom:40px; } .page-wrapper .pipeline-table tbody td span { letter-spacing:1px; font-size:12px; display:block; } .entry .circle li { float:left; list-style:none !important; margin:0 70px 0 0; } .entry .circle li:last-child { margin-right:0; } .entry .circle li a { display:table-cell; padding:0 20px; border-radius:50%; vertical-align:middle; font-size:15px; color:#880063; font-family:'Raleway', sans-serif; font-weight:400; width:161px; height:161px; text-align:center; background:url(images/responsibility-circle.png) no-repeat; transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; } .entry .circle li:hover { margin:-5px 65px -5px -5px; } .entry .circle li:hover a { width:171px; height:171px; background-size:100% 100%; padding:5px 25px; } .entry .circle li:nth-child(2) a { background-image:url(images/responsibility-circle-blue.png); } .entry .circle li:nth-child(3) a { background-image:url(images/responsibility-circle-gray.png); } .entry .circle li:nth-child(4) a { background-image:url(images/responsibility-circle-yellow.png); } .entry .logo-text { margin:0 0 30px 0; } .entry .logo-text li { float:left; width:20%; text-align:center; margin:0; list-style:none !important; font-size:16px; color:#880063; font-weight:300; font-family:'Raleway', sans-serif; vertical-align:middle; display:table-cell; } .entry .logo-text li:last-child { width:60%; } .entry .logo li { float:left; list-style:none !important; width:20%; margin:0; text-align:center; display:inline-block; height:155px; padding:5px 0 0 0; } .entry .logo li:first-child { border-right:1px solid #747474; } .entry .logo li:nth-child(2) { border-right:1px solid #747474; } .entry .logo li a { display:inline-block; padding:50px 0 0 0; border-radius:50%; vertical-align:middle; width:145px; height:145px; text-align:center; background:url(images/responsibility-circle.png) no-repeat; background-size:100% 100%; transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; } .entry .logo li:first-child a { padding:55px 0 0 0; } .entry .logo li img { margin:0 auto; } .entry .logo li:hover { margin:-5px 0 -5px 0; padding:0; } .entry .logo li:last-child:hover { margin:-5px -5px -5px -5px; } .entry .logo li:hover a { width:155px; height:155px; padding:55px 5px 5px 5px; } .entry .logo li:first-child:hover a { padding:60px 5px 5px 5px; } .entry .product-logo li { float:left; margin:0 0 20px 0; width:33.333333%; list-style:none; padding:0; } .entry .product-logo li.clear { clear:both; } .entry .product-logo li:last-child { padding-left:40px; } .entry .small { font-size:12px; } .contact-wrapper .two-third { max-width:605px; } .contact-wrapper .one-third { float:left; width:310px; margin-right:30px; } .contact-wrapper .one-third-last { float:left; width:310px; } .contact-wrapper .bottom-content a { color:#880063; } .contact-wrapper .bottom-content a:hover { text-decoration:underline; } /* body.page-id-19 #page-hero { padding:240px 0 0 0; height:600px; background-position: right bottom; } body.page-id-19 #page-hero h1 { color:#231f20; display:none; } body.page-id-21 #page-hero { height:280px; padding:180px 0 0 0; background-position:right bottom; } body.page-id-21 #wrapper .entry { padding-top:30px; } body.page-id-26 #page-hero { height:455px; } body.page-id-26 #page-hero h1 { display:none; } body.page-id-106 #page-hero { padding:170px 0 0 0; height:380px; background-position: right bottom; } body.page-id-106 #page-hero h1 { line-height:1.5; color:#861c66; } body.page-id-108 #page-hero { padding:170px 0 0 0; height:380px; background-position: right bottom; } body.page-id-108 #page-hero h1 { line-height:1.5; color:#231f20; } body.page-id-112 #page-hero { height:280px; padding:180px 0 0 0; background-position:right bottom; } body.page-id-112 #wrapper .entry { padding-top:30px; } body.page-id-124 #page-hero { height:280px; padding:120px 0 0 0; } body.page-id-124 #page-hero h1 { color:#231f20; } body.page-id-141 #page-hero { height:280px; padding:180px 0 0 0; background-position:right bottom; } body.page-id-141 #wrapper .entry { padding-top:30px; } body.page-id-142 #page-hero { height:420px; padding:220px 0 0 0; background-position:right bottom; } body.page-id-142 #page-hero h1 { color:#861c66; } */ /*-----------------------------------------------------------------------------------*/ /* 9. = About Page styling /*-----------------------------------------------------------------------------------*/ #about-hero { background-repeat:no-repeat; background-size:cover; background-position:right center; height:380px; padding-top:160px; border-bottom:1px solid #851C66; } #about-hero h1 { font-size:24px; font-weight:400; margin:0; display:none; } .testimonial-circle { width:382px; height:372px; line-height:1.5; padding:90px 70px 0 70px; font-size:18px; display:block; background:url(images/testimonial-circle.png) no-repeat; text-align:center; font-family: 'Raleway', sans-serif; } .testimonial-circle p { font-size:18px; line-height:1.5; } .testimonial-circle p:last-child { margin:0; } #about-content { position:relative; } #about-content .testimonial-circle { margin:0 auto; } #about-content .one-second { position:static; margin-bottom:20px; } #about-content .one-second img { position:absolute; left:0; width:45%; bottom:30px; height:auto; } #about-content .one-second-last { margin-bottom:20px; } #about-wrapper { border-top:1px solid #FFCE00; } #about-wrapper .main { width:50%; padding:0 60px; border-left:1px solid #FFCE00; float:left; min-height:400px; } #about-wrapper .main h2 { margin:10px 0 15px 0; } #about-wrapper .main a { text-decoration:none; display:inline-block; padding-right:20px; background:url(images/arrow-purple.png) no-repeat right center; color:#231f20; font-weight:normal; } #about-wrapper .main a:hover { color:#880063; text-decoration:underline; } #about-wrapper .main p { margin:0 0 15px 0; } #about-wrapper aside { width:50%; padding:0 60px; border-left:1px solid #FFCE00; float:right; font-family:Arial, Helvetica, sans-serif; min-height:400px; } #about-wrapper aside h2 { margin:0 0 10px 0; font-size:17px; background:url(images/icon-rss.png) no-repeat left top; padding:9px 0 0 37px; font-family:Arial, Helvetica, sans-serif; } #about-wrapper aside .date { font-size:22px; color:#FCCE01; margin:0; /* text-transform:uppercase; */ line-height: 1.3 !important;} #about-wrapper aside .more { display:inline-block; background:url(images/arrow-yellow.png) no-repeat right center; padding-right:25px; } #about-wrapper aside .more:hover { color:#880063; } /*-----------------------------------------------------------------------------------*/ /* 10. = Leadership Page styling /*-----------------------------------------------------------------------------------*/ #leadership-hero { background-repeat:no-repeat; background-size:cover; background-position:right center; height:280px; padding-top:60px; border-bottom:1px solid #851C66; } #leadership-hero h1 { font-size:29px; color:#880063; display:none; } #leadership-hero p { max-width:380px; font-family:Arial, Helvetica, sans-serif; display:none; } #leadership-wrapper { padding-top:45px; padding-bottom:45px; } #leadership-wrapper article { position:relative; margin:0 0 70px 0; } #leadership-wrapper .image-container { padding:12px; background:#FFF; border-radius:50%; overflow:hidden; display:inline-block; position:absolute; left:-2px; top:-40px; z-index:10; } #leadership-wrapper .image-container .image { width:127px; height:124px; padding:5px 5px 5px 8px; display:block; background:url(images/leadership-circle.png) no-repeat center center; background-size:100% 100%; } #leadership-wrapper .image-container .image img { width:114px; height:114px; } #leadership-wrapper .title { padding:19px 17px 19px 180px; background:#D7D2C4; position:relative; border-radius:40px; margin:0 0 20px 0; cursor:pointer; } #leadership-wrapper .title:hover { background:#FECC0D; } #leadership-wrapper .title p { margin:0; float:left; line-height:1.1; font-family:'Raleway', sans-serif; font-weight:400; width:90%; } #leadership-wrapper .title p strong { padding-right:6px; font-weight:600; } #leadership-wrapper .title .icon { float:right; width:27px; height:27px; display:block; color:#FECC0D; background:#FFF; border-radius:50%; position:relative; } #leadership-wrapper .title .icon i { width:17px; height:15px; display:block; background:url(images/leadership-plus-minus.png) no-repeat 0 0; margin:6px auto 0 auto; } #leadership-wrapper .content { padding:0 20px 0 180px; display:none; } #leadership-wrapper .content p:last-child { margin:0; } #leadership-wrapper article.active .title { background:#FECC0D; } #leadership-wrapper article.active .icon i { background-position:0 -17px; height:2px; margin:13px auto 0 auto; } #leadership-wrapper aside { width:280px; float:left; } #leadership-wrapper aside p br { display:none; } #leadership-wrapper .main { width:640px; float:right; padding-top:30px; } /*-----------------------------------------------------------------------------------*/ /* 11. = Corporate Ethics Page styling /*-----------------------------------------------------------------------------------*/ #corporate-ethics-hero { background-repeat:no-repeat; background-size:cover; background-position:right center; height:280px; padding-top:110px; } #corporate-ethics-hero h1 { margin:0; font-size:24px; font-weight:400; display:none; } #corporate-ethics-wrapper aside { float:left; width:265px; } #corporate-ethics-wrapper .main { float:right; width:680px; } #corporate-ethics-wrapper .main article { padding:0; margin-bottom:30px; border-bottom:1px solid #A89F87; } #corporate-ethics-wrapper .main article:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none; } #corporate-ethics-wrapper .main article .title { cursor:pointer; padding:0 30px 30px 20px; } #corporate-ethics-wrapper .main article .title h2 { font-size:22px; margin:0; float:left; } #corporate-ethics-wrapper .main article > .content { display:none; margin:0; padding:0 0 30px 20px; background:#FFF; } #corporate-ethics-wrapper .main article > .content p:last-child { margin:0; } #corporate-ethics-wrapper .main article > .content .tablepress { border-top:1px solid #ffce00; } #corporate-ethics-wrapper .main article > .content .tablepress tbody td { border-color:#ffce00; } #corporate-ethics-wrapper .main article .icon { display:block; width:32px; height:32px; background:#A89F87; border-radius:50%; float:right; } #corporate-ethics-wrapper .main article .icon:hover { opacity:0.7; } #corporate-ethics-wrapper .main article .icon i { width:20px; height:20px; display:block; background:url(images/white-plus-minus.png) no-repeat 0 0; margin:5px 0 0 5.5px; } #corporate-ethics-wrapper .main article.active .icon i { background-position:0 -23px; margin:14px 0 0 5.5px; } /*-----------------------------------------------------------------------------------*/ /* 12. = History Page styling /*-----------------------------------------------------------------------------------*/ #history-hero { background-repeat:no-repeat; background-size:cover; background-position:center center; height:280px; position:relative; border-bottom:1px solid #861C66; padding-top:240px; } #history-hero img { position:absolute; z-index:1000; left:0; top:0; } #history-hero h1 { margin:0; font-size:22px; font-weight:400; color:#861C66; display:none; } #history-wrapper aside { position:relative; float:left; width:280px; padding:20px 0 0 0; } #history-wrapper aside img { position:absolute; right:0; top:-430px; max-width:none; } #history-wrapper aside .content { padding-right:40px; } #history-wrapper aside .content p { font-size:20px; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-weight:400; } #history-wrapper .entry { padding-top:30px; } #history-wrapper .main { width:640px; float:right; padding-top:20px; } #history-wrapper .main .top-content p { font-size:22px; font-weight:400; color:#861C66; font-family:"Raleway",sans-serif; } #history-wrapper .main .bottom-content p { font-size:22px; font-weight:400; color:#861C66; font-family:"Raleway",sans-serif; } #history-wrapper .main .content { margin:0 0 30px 0; } #history-wrapper .main .content p { font-size:20px; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-weight:400; } #history-wrapper .main .history-content h2 { font-size:30px; margin:0; } #history-wrapper .main .history-content p { margin:0 0 20px 0; } #history-wrapper .main .history-content li { list-style:none; position:relative; margin:0; } #history-wrapper .main .history-content li .dot { position:absolute; left:-66px; top:6px; width:32px; height:32px; display:block; border-radius:50%; background:#FFCE00; } #history-bottom { position:relative; } #history-bottom .one-second { position:static; margin-bottom:20px; } #history-bottom .one-second img { position:absolute; left:0; width:45%; bottom:30px; height:auto; } #history-bottom .one-second-last { margin-bottom:20px; } /*-----------------------------------------------------------------------------------*/ /* 13. = Business Development Page styling /*-----------------------------------------------------------------------------------*/ #business-development-hero { background-repeat:no-repeat; background-size:cover; background-position:center center; height:280px; padding-top:230px; } #business-development-hero h1 { font-size:24px; font-weight:400; margin:0 0 0 -70px; color:#880063; max-width:200px; display:none; } #business-development-wrapper aside { float:left; width:280px; } #business-development-wrapper .main { float:right; width:640px;} #business-development-wrapper .main hr { border-top:1px solid #ffce00; margin-top:40px; margin-bottom:40px; } /* #business-development-wrapper .main .circle { width:135px; height:135px; border-radius:50%; text-decoration:none; display:table-cell; vertical-align:middle; background:#FFCE00; text-align:center; color:#FFF; font-size:20px; line-height:1.2; } #business-development-wrapper .main .circle span { color:#FFF; font-size:14px; font-weight:700; display:block; } */ #business-development-wrapper .circle li a { padding:0 10px; font-weight:600; letter-spacing:0; } #business-development-wrapper .circle li:nth-child(2) a { background-image:url(images/responsibility-circle-gray.png); } #business-development-wrapper .circle li { margin-right:50px; } #business-development-wrapper .circle li:hover { margin:-5px 45px -5px -5px; } #business-development-wrapper .circle li:last-child { margin-right:0; } .timeline { position:relative; } .timeline li { margin:0 0 35px 0 !important; list-style:none !important; } .timeline .divider { position:absolute; width:1px; height:100%; left:31px; top:0; display:block; z-index:-1; background:#FFCE00; } /* .timeline li.timeline-1 { padding:35px 0 0 0; } .timeline li.timeline-1 .divider { height:134px; top:0; } */ .timeline li strong { display:block; } .timeline li .timeline-content { display:inline-block; vertical-align:middle; max-width:85%; } .timeline li .timeline-content p { margin:0; } .timeline li .date { background:#FFCE00; font-size:16px; width:64px; height:64px; padding:22px 0 0 0; vertical-align:middle; line-height:1; border-radius:50%; margin:0 20px 0 0; display:inline-block; color:#FFF; text-align:center; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-weight:600; text-transform:uppercase; } .timeline li .date.double { padding:15px 0 0 0; } /*-----------------------------------------------------------------------------------*/ /* 14. = Directors Board Page styling /*-----------------------------------------------------------------------------------*/ #directors-board-hero { background-repeat:no-repeat; background-size:cover; background-position:center center; height:280px; } #directors-board-wrapper { border-bottom:1px solid #FFCE00; } #directors-board-wrapper .entry { padding-bottom:60px; } #directors-board-wrapper aside { width:280px; float:left; } #directors-board-wrapper .tabs { width:640px; float:right; } #directors-board-wrapper .tabs article { padding:0; margin-bottom:20px; border-bottom:1px solid #A89F87; } #directors-board-wrapper .tabs article:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none; } #directors-board-wrapper .tabs article .title { cursor:pointer; padding:0 30px 20px 20px; } #directors-board-wrapper .tabs article .title p { float:left; margin:0; } #directors-board-wrapper .tabs article .title strong { font-size:18px; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-weight:600; display:block; color:#880063; } #directors-board-wrapper .tabs article .icon { float:right; display:block; width:32px; height:32px; background:#A89F87; border-radius:50%; float:right; margin:10px 0 0 0; } #directors-board-wrapper .tabs article .icon i { width:20px; height:20px; display:block; background:url(images/white-plus-minus.png) no-repeat 0 0; margin:5px 0 0 5.5px; } #directors-board-wrapper .tabs article .icon:hover { opacity:0.7; } #directors-board-wrapper .tabs .content { display:none; padding:0 0 20px 20px; background:#FFF; } #directors-board-wrapper .tabs .content p:last-child { margin:0 0 5px 0; } #directors-board-wrapper .tabs article.active .icon i { background-position:0 -23px; margin:14px 0 0 5.5px; } #directors-board-bottom .entry { padding-top:35px; } #directors-board-bottom .one-third { width:320px; float:left; padding-right:40px; } .downloads h2 { background:url(images/arrow-download.png) no-repeat left top; line-height:29px; padding-left:40px; } .download { padding-left:30px; display:block; color:#231f20; font-weight:400; margin:0 0 10px 0; } .entry p a.download { color:#231f20; } .entry p a.download:hover { text-decoration:underline; } .download { background:url(images/arrow-download.png) no-repeat 2px center; } .download.pdf { background:url(images/icon-pdf.png) no-repeat 2px center; } .download.doc { background:url(images/icon-doc.png) no-repeat 2px center; } .download.xls { background:url(images/icon-xls.png) no-repeat 2px center; } .download.txt { background:url(images/icon-txt.png) no-repeat 2px center; } .download.feed { background:url(images/icon-feed.png) no-repeat 2px center; } .download.user { background:url(images/icon-user.png) no-repeat 2px center; } .download.default { background:url(images/arrow-download.png) no-repeat left center; background-size:auto 100%; } .download.arrow { background:url(images/icon-arrow.png) no-repeat 2px center; } .download.video { background:url(images/icon-play.png) no-repeat left center; display:inline-block; padding-left:35px; } .video-link { padding-left:35px; display:inline-block; color:#231f20; font-weight:400; margin:0 0 10px 0; background:url(images/icon-play.png) no-repeat left center; } .video-link.yellow { background:url(images/icon-play.png) no-repeat left center; } .video-link.purple { background:url(images/icon-play-purple.png) no-repeat left center; } .video-link.blue { background:url(images/icon-play-blue.png) no-repeat left center; } .video-link.black { background:url(images/icon-play-black.png) no-repeat left center; } .video-link.gray { background:url(images/icon-play-gray.png) no-repeat left center; } .video-link.dark-blue { background:url(images/icon-play-dark-blue.png) no-repeat left center; } #directors-board-bottom .two-third { width:640px; float:right; } #directors-board-bottom .tablepress thead th { background:none; font-weight:normal; text-align:center; border-color:#A89F87; } #directors-board-bottom .tablepress tbody td { border-color:#A89F87; } #directors-board-bottom .tablepress tbody td img { margin:0 auto; } /*-----------------------------------------------------------------------------------*/ /* 15.= Sponsorships Page styling /*-----------------------------------------------------------------------------------*/ #sponsorships-hero { background-repeat:no-repeat; background-size:cover; background-position:right center; height:280px; padding-top:110px; } #sponsorships-hero h1 { font-size:24px; font-weight:400; margin:0; color:#FFF; display:none; } #sponsorships-wrapper aside { width:280px; float:left; } #sponsorships-wrapper aside hr { border-bottom:1px solid #FFCE00; } #sponsorships-wrapper .tabs { width:640px; float:right; } #sponsorships-wrapper .tabs .top-content { padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #FFCE00; } #sponsorships-wrapper .tabs .top-content h3 { font-size:18px; } #sponsorships-wrapper .tabs .top-content ul li { padding-left:20px; } #sponsorships-wrapper .tabs article { padding:0; margin-bottom:25px; border-bottom:1px solid #FFCE00; } body.page-id-108 #sponsorships-wrapper .tabs article { border-bottom:1px solid #a89f87; } #sponsorships-wrapper .tabs article:last-child { margin-bottom:0; border-bottom:none; } #sponsorships-wrapper .tabs article .title { cursor:pointer; padding:0 30px 20px 0; background:#FFF; } #sponsorships-wrapper .tabs article .title h2 { float:left; margin:0; line-height:32px; } #sponsorships-wrapper .tabs article .title .logo { float:left; } #sponsorships-wrapper .tabs article .icon { float:right; display:block; width:32px; height:32px; background:#A89F87; border-radius:50%; float:right; margin:0; } #sponsorships-wrapper .tabs article .icon:hover { opacity:0.7; } #sponsorships-wrapper .tabs article .icon i { width:20px; height:20px; display:block; background:url(images/white-plus-minus.png) no-repeat 0 0; margin:5px 0 0 5.5px; } #sponsorships-wrapper .tabs article.active .icon i { background-position:0 -23px; margin:14px 0 0 5.5px; } #sponsorships-wrapper .tabs .content { display:none; padding:0 0 20px 0; background:#FFF; } #sponsorships-wrapper .tabs .content p:last-child { margin:0 0 5px 0; } #sponsorships-wrapper .tabs .content .small { font-size:10px; } #sponsorships-wrapper .tabs a { color:#880063; } #sponsorships-wrapper .tabs a:hover { text-decoration:underline; } body.page-id-108 .tablepress tr td { font-size:12px; border:none; vertical-align:top; } body.page-id-108 .tablepress tr td:first-child { color:#880364; font-size:14px; } body.page-id-108 .tablepress tr td:nth-child(4) { color:#880364; font-size:14px; } /*-----------------------------------------------------------------------------------*/ /* 16.= News Page styling /*-----------------------------------------------------------------------------------*/ #news-hero { background-repeat:no-repeat; background-size:cover; background-position:right center; height:380px; padding-top:130px; } #news-hero h1 { font-size:24px; font-weight:400; margin:0; display:none; } #news-wrapper .main { float:right; width:640px; } #news-wrapper aside { float:left; width:280px; } body.page-id-10 #news-wrapper aside { border-top:1px solid #ffce00; padding-top:32px; margin:5px 0 0 0; } #news-wrapper aside ul li { list-style:none; margin:0 0 10px 0; padding:0; } #news-wrapper aside ul li a { font-size:14px; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-weight:400; color:#880063; display:block; } #news-wrapper aside ul li a:hover { text-decoration:underline; } #news-wrapper aside form input[type=text], #news-wrapper aside form input[type=email] { height:35px; line-height:35px; padding:0 10px; background:none; border:1px solid #A99F86; width:100%; margin:0 0 16px 0; } #news-wrapper aside form input[type=submit] { cursor:pointer; width:77px; height:35px; text-align:center; background:#880364; border:none; color:#FFF; } #news-wrapper aside form input[type=submit]:hover { opacity:0.8; } #news-wrapper aside .shareholder { background:#880364; text-align:center; padding:40px 0 0 0; } #news-wrapper aside .shareholder li { display:inline-block; width:30%; padding-bottom:30px; position:relative; margin:0 0 15px 0; vertical-align:center; vertical-align:middle; color:#FFF; } #news-wrapper aside .shareholder li i { visibility:visible; display:block; width:46px; height:46px; background:#FFF; border-radius:50%; margin:0 auto 5px auto; } #news-wrapper aside .shareholder li a:hover { text-decoration:none !important; } #news-wrapper aside .shareholder li span { position:absolute; bottom:0; left:0; width:100%; text-align:center; height:30px; display:none; line-height:1.2; color:#FFF; } #news-wrapper aside .shareholder li:hover span { display:block; } #news-wrapper aside .shareholder li:hover i { background-color:#ffce00 !important; } #news-wrapper aside .shareholder li .arrow i { background:#FFF url(images/shareholder-arrow.png) no-repeat center 5px; } #news-wrapper aside .shareholder li .information i { background:#FFF url(images/shareholder-information.png) no-repeat center center; } #news-wrapper aside .shareholder li .rss i { background:#FFF url(images/shareholder-rss.png) no-repeat center center; } #news-wrapper aside .shareholder li .faqs i { background:#FFF url(images/shareholder-faqs.png) no-repeat 10px center; } #news-wrapper aside .shareholder li .stock i { background:#FFF url(images/shareholder-stock.png) no-repeat center center; } #news-wrapper aside .shareholder li .report i { background:#FFF url(images/shareholder-report.png) no-repeat center center; } #news-wrapper aside .shareholder li .downloads i { background:#FFF url(images/shareholder-downloads.png) no-repeat center center; } #news-wrapper aside .download { color:#231f20; font-size:12px; line-height:1.2; font-family:Arial, Helvetica, sans-serif; padding:5px 0 5px 40px; } #news-wrapper hr { border-color:#FFCE00; clear:both; width:100%; margin:30px 0; } body.page-id-11 #news-wrapper .main { border-top:none; padding-top:0; } .news-list { padding:0 0 20px 0; margin:0 0 40px 0; border-bottom:1px solid #FFCE00; } .news-list.no { border-bottom:none; } .news-list li { margin:0 0 20px 0 !important; padding:0 !important; list-style:none !important; } .news-list li .date { display:inline-block; vertical-align:middle; margin:0; width:120px; } .news-list li .link { display:inline-block; vertical-align:middle; margin:0 20px 0 0; width:17px; height:22px; background-image:url(images/icon-file-purple.png); background-repeat:no-repeat; background-position:center center; background-size:100% 100%; } .news-list li .link.pdf { background-image:url(images/icon-pdf-purple.png); } .news-list li .link.txt { background-image:url(images/icon-txt-purple.png); } .news-list li .link.doc, .news-list li .link.docx { background-image:url(images/icon-doc-purple.png); } .news-list li .link.xls, .news-list li .link.xlsx { background-image:url(images/icon-xls-purple.png); } .news-list li .title { width:480px; display:inline-block; vertical-align:middle; } body.page-id-11 .news-list li .link { background-image:url(images/icon-file-blue.png); } body.page-id-11 .news-list li .link.pdf { background-image:url(images/icon-pdf-blue.png); } body.page-id-11 .news-list li .link.txt { background-image:url(images/icon-txt-blue.png); } body.page-id-11 .news-list li .link.doc, body.page-id-11 .news-list li .link.docx { background-image:url(images/icon-doc-blue.png); } body.page-id-11 .news-list li .link.xls, body.page-id-11 .news-list li .link.xlsx { background-image:url(images/icon-xls-blue.png); } .news-list .more { display:block; margin:5px 0 0 0; font-weight:400; color:#231f20; display:inline-block; background:url(images/arrow-purple.png) no-repeat right center; padding-right:25px; } .news-list .more:hover { text-decoration:underline; } /*-----------------------------------------------------------------------------------*/ /* 17.= Careers Page styling /*-----------------------------------------------------------------------------------*/ #careers-hero { background-repeat:no-repeat; background-size:cover; background-position:right center; height:380px; padding-top:180px; } #careers-hero h1 { font-size:24px; font-weight:400; margin:0; color:#880063; max-width:320px; line-height:1.5; display:none; } #careers-content { border-bottom:1px solid #FFCE00; } #careers-content .entry { padding-top:0; padding-bottom:0; } #careers-content .two-third { border-right:none; padding-top:90px; padding-right:50px; width:600px; } #careers-content .two-third li { color:#880063; font-size:18px; margin-bottom:5px; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-weight:400; } #careers-content .one-third { font-size:18px; width:320px; color:#880063; padding:160px 0 0 110px; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-weight:400; background:url(images/rings.png) no-repeat left top; background-size:auto 100%; min-height:635px; } #careers-content .one-third-last { font-size:18px; width:360px; text-align:center; color:#880063; padding:160px 0 0 90px; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-weight:400; background:url(images/rings.png) no-repeat left top; background-size:auto 100%; min-height:635px; } #careers-content .one-third-last strong { font-weight:600; } #careers-middle { padding-top:80px; padding-bottom:20px; } #careers-middle .entry { padding-top:0; padding-bottom:0; } #careers-middle h1 { margin:0 0 50px 0; } .careers-tabs .tabs { padding-bottom:40px; border-bottom:1px solid #880063; margin:0 0 30px 0; } .careers-tabs .tabs li { float:left; list-style:none; margin:0 110px 0 0; padding:0; position:relative; cursor:pointer; } .careers-tabs .tabs li:last-child { margin:0; } .careers-tabs .tabs li img { margin:0 auto; } .careers-tabs .tabs li .hover { display:none; } .careers-tabs .tabs li i { position:absolute; opacity:0; bottom:-42px; z-index:100; left:50%; margin:0 0 0 -18px; width:36px; height:16px; display:block; background:url(images/careers-up-arrow.png) no-repeat; } .careers-tabs .tabs li.active i { opacity:1; } .careers-bottom { position:relative; } .careers-bottom .one-second { position:static; margin-bottom:20px; } .careers-bottom .one-second img { position:absolute; left:0; width:40%; bottom:50px; height:auto; } .careers-bottom .one-second-last { margin-bottom:20px; } .careers-bottom a { color:#880063; } .careers-bottom a:hover { text-decoration:underline; } .careers-bottom .entry { } #careers-bottom-1 { border-bottom:1px solid #FFCE00; } #careers-bottom-1 .entry { padding-top:0; padding-bottom:50px; } #careers-bottom-1 .download { color:#231f20; } #careers-bottom-2 { /*border-bottom:1px solid #FFCE00;*/ } #careers-bottom-3 .entry { padding-top:70px; padding-bottom:50px; } /* .careers-tabs .tabs li a { border-radius:50%; display:block; width:104px; height:104px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-color:#A99F86; } .careers-tabs .tabs li.active { border:1px solid #880063; } .careers-tabs .tabs li.active a { background-color:#880063; } */ .careers-tabs .tab-content { display:none; } .careers-tabs .tab-content.active { display:block; } /*-----------------------------------------------------------------------------------*/ /* 18.= Popup styling /*-----------------------------------------------------------------------------------*/ .popup { background:rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; top:0; left:0; z-index:10000; padding:0; text-align:center; margin:0; } .popup .btn-content { max-width:800px; background:#FFF; margin:10% auto 0 auto; padding:50px 70px 70px 70px; } .popup .btn-content img { margin:0 auto 40px auto; } .popup .btn-content h2 { margin:0 0 40px 0; font-size:22px; color:#880063; line-height:1.5; } .popup .btn-content .btn { border:1px solid #880063; line-height:1.3; text-decoration:none !important; display:inline-block; margin:0 20px; padding:10px 0; width:200px; border-radius:0; font-weight:400; font-family: 'Raleway', sans-serif; font-size:22px; color:#880063; } .external-link-popup { display:none; } #cookie-law-info-bar { padding:10px 20px !important; font-size:14px !important; font-family:Arial, Helvetica, sans-serif !important; background:#AAA087 !important; border:none !important; color:#FFF !important; text-align:left !important; } #cookie-law-info-bar a { color:#880063; } #cookie-law-info-bar a:hover { text-decoration:underline; } #cookie-law-info-bar .cli-plugin-button { padding:8px 25px; font-weight:400 !important; text-align:center; background:#880364 !important; border:none; color:#FFF !important; border-radius:0; box-shadow:none; text-shadow:none; } #cookie-law-info-bar .cli-plugin-button:hover { opacity:0.8; text-decoration:none; } /*-----------------------------------------------------------------------------------*/ /* 19.= Template Pieces styling /*-----------------------------------------------------------------------------------*/ .tab-buttons {} .tab-buttons li { background:#A99F86; display:inline-block; vertical-align:middle; border-right:1px solid #FFF; margin:0 !important; text-align:center; padding:4px 0; cursor:pointer; text-align:center; } .tab-buttons li.one-forth { width:25%; } .tab-buttons li a { display:table-cell; vertical-align:middle; height:40px; color:#FFF; width:200px; text-align:center; text-transform:uppercase; line-height:1.2; } .tab-buttons li:last-child { border:none; } .tab-buttons li.active { background:#880063; } .tab-buttons li:hover { background:#880063; } .tab-button-content { display:none; padding:30px 0 0 0; } .tab-button-content.active { display:block; } .tab-button-content form { letter-spacing:0.5px; } .tab-button-content form label { display:inline-block; font-weight:400; vertical-align:middle; margin:0; } .tab-button-content form .field { margin:0 0 25px 0; clear:both; } .tab-button-content form .field.left-half { clear:none; float:left; width:48%; } .tab-button-content form .field.right-half { clear:none; float:right; width:48%; } .tab-button-content form .field input[type=text], .tab-button-content form .field input[type=email], .tab-button-content form .field input[type=password] { padding:0 15px; height:35px; line-height:35px; border:1px solid #A99F86; width:100%; letter-spacing:0.5px; } .tab-button-content form .field textarea { padding:5px 15px; height:120px; border:1px solid #A99F86; width:100%; resize:none; letter-spacing:0.5px; } .tab-button-content form .field input[type=submit] { cursor:pointer; border:none; height:35px; padding:0 15px; background:#880063; color:#FFF; letter-spacing:0.5px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; } .tab-button-content form .field input[type=submit]:hover { background:#A99F86; } .tab-button-content form .select-container { position:relative; cursor:pointer; } .tab-button-content form .select-container input { padding:0 40px 0 15px; cursor:pointer; } .tab-button-content form .select-container i { display:block; position:absolute; top:1px; right:1px; width:24px; height:33px; border-left:1px solid #A99F86; background:#880063 url(images/dropdown-arrow.png) no-repeat center center; } .tab-button-content form .select-container ul { position:absolute; display:none; top:35px; left:0; background:#FFF; cursor:pointer; width:100%; z-index:1000; margin:0; padding:0; list-style:none; border:1px solid #A99F86; border-top:none; } .tab-button-content form .select-container ul li { padding:6px 15px; margin:0; list-style:none; } .tab-button-content form .select-container ul li:hover { background:#880063; color:#FFF; } .tab-button-content form .select-container ul li.active { background:#880063; color:#FFF; } .tab-button-content form .checkbox-container { display:inline-block; vertical-align:middle; margin:0 10px 0 0; position:relative; padding:0 0 0 25px; background:url(images/icon-checkbox.png) no-repeat 0 4px; } .tab-button-content form .checkbox-container.active { background-position:0 -116px; } .tab-button-content form .checkbox-container input[type=checkbox] { position:absolute; left:0; top:1px; opacity:0; cursor:pointer; } .tab-button-content form .radio-container { display:inline-block; vertical-align:middle; margin:0 10px 0 0; position:relative; padding:0 0 0 25px; background:url(images/icon-radio.png) no-repeat 0 4px; } .tab-button-content form .radio-container.active { background-position:0 -116px; } .tab-button-content form .radio-container input[type=radio] { position:absolute; left:0; top:0; opacity:0; cursor:pointer; } .tab-button-content .tabs { width:640px; float:right; } .tab-button-content .tabs article { padding:0; margin-bottom:20px; border-bottom:1px solid #FFCE00; } .tab-button-content .tabs article:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none; } .tab-button-content .tabs article .title { cursor:pointer; padding:0 30px 20px 20px; } .tab-button-content .tabs article .title p { float:left; margin:0; } .tab-button-content .tabs article .title p:last-child { float:right; } .tab-button-content .tabs article .title p:first-child { float:left; } .tab-button-content .tabs article .title strong { font-size:18px; font-family: 'Raleway', sans-serif; letter-spacing:1px; font-weight:600; display:block; color:#880063; } .tab-button-content .tabs article .icon { float:right; display:block; width:32px; height:32px; background:#A89F87; border-radius:50%; float:right; margin:10px 0 0 0; } .tab-button-content .tabs article .icon i { width:20px; height:20px; display:block; background:url(images/white-plus-minus.png) no-repeat 0 0; margin:5px 0 0 5.5px; } .tab-button-content .tabs article .icon:hover { opacity:0.7; } .tab-button-content .tabs .content { display:none; padding:0 0 20px 20px; background:#FFF; } .tab-button-content .tabs .content p:last-child { margin:0 0 5px 0; } .tab-button-content .tabs article.active .icon i { background-position:0 -23px; margin:14px 0 0 5.5px; } .tab-button-content .tablepress-table-name { margin:0; background:#880063; color:#FFF; padding:11px 16px; font-size:14px; font-family:Arial, Helvetica, sans-serif; } .tab-button-content table { margin:0 0 30px 0; } .tab-button-content table td { padding:9px 16px; border-bottom:1px solid #FFCE00; } @media (min-width:768px) { .entry ul.circle { margin-left:280px;} } @media (max-width:767px) { .jazzvalues { float:none; padding-bottom:0; width:auto;} .jazzvalues-main { float:none; padding-top:0; width:auto;} } @media (min-width:768px) { .entry .main ul.circle { margin-left:0;} } .page-thumbnail { position:relative;} .page-thumbnail .caption { position:absolute; left:0; right:0; top:0; bottom:0;} .page-thumbnail .caption .container { display:table; height:100%;} .page-thumbnail .banner_sub_title { box-sizing:border-box; display:table-cell; padding-right:350px; vertical-align:middle; font-weight:400; color:#880063;} @media (min-width:1001px) { .page-thumbnail .banner_sub_title { font-size:22px; line-height:1.4em;} } @media (max-width:1000px) { .page-thumbnail .banner_sub_title { font-size:14px; line-height:1.2em;} .page-thumbnail .banner_sub_title > br { display:none;} } @media (min-width:768px) { #mobile-nav { display:none!important;} }