/* Theme Name: High Seas Alliance 2023 Description: High Seas Wordpress Theme created by S. Edwards Text Domain: HSA 2023 */ @import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=Oswald:wght@400;600;700&display=swap'); @import url('css/font-awesome.min.css'); @import url('css/grid1140.css'); /*---------------------------Global Start -----------------------------*/ body {counter-reset: item; font:19px/25px 'PT Sans', helvetica, arial, san-serif; margin:0px; padding:0px; text-align:center; background:#D8D9DB; background-size:cover; font-weight:500; text-align:center; color:#0566A3; } body.admin-bar #navigation { margin-top:0px; } body.page-template-empty{background:#38B6FF;} html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0} article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block} a img{border:0} figure{position:relative} figure img{width:100%} i, em{font-family:'Oswald', helvetica, arial, san-serif; text-transform:uppercase; font-weight:400; font-style:normal;} ::selection { background: #e0e7e9; color:#373E42; text-shadow:none !important;} ::-moz-selection { background: #e0e7e9; color:#373E42; text-shadow:none !important;} *:before, *:after{box-sizing:border-box;} a[name]{text-decoration: none; } a {color:#D55609; text-decoration: none; transition: all 0.5s ease-in-out;} a:visited {color:#D55609;text-decoration: none;} a:active {color:#F4951D;} a:hover {color:#F4951D;} a img{border:none;} .blue-bkg a, .blue-bkg a:visited{color:#F4951D; text-shadow:rgba(0,0,0,0.25) 0px 1px 1px;} .blue-bkg a:hover, .blue-bkg a:active{color:#D55609;} a.button{display:inline-block; margin-bottom:10px;} a.more-link, .button, a.button, input.swpm-login-form-submit, .wp-block-button__link, .wp-block-file__button{ background: rgb(213,86,9); background: linear-gradient(0deg, rgba(213,86,9,1) 0%, rgba(255,160,0,1) 100%); padding:7px 20px; color:#FFF !important; font-weight:700; border-radius:10px; text-transform:uppercase; letter-spacing:0.035em; border:#FFF solid 2px; } a.more-link:hover, .button:hover, a.button:hover, input.swpm-login-form-submit:hover{  background: rgb(213,86,9); color:#FFF000; } a.button:hover{ background: rgb(22,81,115); background: linear-gradient(0deg, rgba(22,81,115,1) 0%, rgba(56,182,255,1) 100%); } a.more-link{font-size:13px;} a.more-link:before{font-family: 'FontAwesome'; content: '\f178'; display:inline-block; padding-right:5px;} .block-bkg{display:block; background:#d5e8e6; padding:10px; text-shadow:rgba(255,255,255,0.9) 0px 1px 1px; margin-bottom:20px; border-radius:5px;} h1, h2, h3, h4{line-height:1em; font-weight:900; margin:0px 0px 20px 0px; letter-spacing:-0.0125em; font-family:'Oswald', helvetica, arial, san-serif; text-transform:uppercase;} h1 {font-size: 60px; font-weight:900; letter-spacing:-0.01em; } h2 {font-size:50px;} h3 {font-size:40px;} h4 {font-size:30px;} h5 {font-size:20px;} figcaption{font-size:10px;} h1 .flag{display:block; float:left; margin-right:10px; top:0px;} b, strong{font-weight:700;} hr {border: none; height: 1px; margin: 20px auto; padding: 0px !important; color:#FFF; clear:both; border-top: #ECECEC dotted 5px;} pre {display: inline; white-space: pre-wrap; word-wrap: break-word;} p{margin:0px 0px 20px 0px;} div{position:relative; min-width:0px} /* IE 6/7 ;; bug fix */ blockquote{background:#F9F9F9; margin:20px 0px; padding:20px; border-radius:10px;} blockquote p:before{font-family: 'FontAwesome'; content: '\f10d'; display:inline-block; padding-right:5px; color: #42CCCC;} blockquote p:after{font-family: 'FontAwesome'; content: '\f10e'; display:inline-block; padding-right:5px; color: #42CCCC;} .alignleft{float:left;} .alignright{float:right;} /* General Table Formating */ table{margin:0; border-collapse:collapse; width:100%; margin-bottom:20px;} table td,table th{padding:5px; vertical-align:middle;} table tr.alt td, table tr.alt th{background:#ECECEC;} table thead td, table th{background:#425785; border-top:0px; letter-spacing:0.01em; color:#FFFFFF; padding-left:5px; font-weight:5600;} table tbody td{border:0px; border-bottom:#ECECEC solid 1px; padding:5px 5px;} table tbody tr:nth-child(even) td{background:#ECECEC;} @media only screen and (max-width: 959px) { table.responsiveData caption { background-image: none; } table.responsiveData thead { display: none; } table.responsiveData tbody td { display: block; padding: .6rem; padding-left: 6rem; position: relative;} table.responsiveData tbody tr td:first-child { background: #425785; color: #fff; } table.responsiveData tbody td:before { content: attr(data-th); font-weight: bold; position:absolute; left:.6rem;top:.6rem;width: 6rem;} } /* General Form Formating */ input,button,select,textarea {display:block;} form {display:block;} form p {} form div{} button { cursor:pointer; } form label {color:#666; padding:10px 0px;} form input,form select,form textarea{width:100%; padding:10px; border:none; background:#FFF; color:#333; font:17px/20px 'Montserrat', helvetica, arial, san-serif; box-sizing:border-box;} form textarea {font-size:13px;} span.error {font-size:10px;float:right; width:auto; font-weight:bold;} input[type="checkbox"], input[type="radio"] { display: inline; width: auto; } .wpcf7-radio label{display:block; padding:0px;} .wpcf7-radio span.wpcf7-list-item {display:block;} .indented-tick-box, .indented-input, .indented{display:block; padding-left:50px;} form .submit input{background:#36A3A8; cursor:pointer; color:#FFF; font-weight:bold; border-radius:0.25em;} form .submit input:hover{background:#425785;} .instruction{display:block; padding:5px; margin:10px 0px; font-size:11px; line-height:15px; } .end{margin-right:0px !important;} .thumbend{margin-right:0 !important;} .clear{clear:both; text-align:center; padding:0px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .screen-reader-text { display:none; } iframe{max-width:100%; min-height:120px;} .spacer{border-top:#ECECEC dotted 5px; margin:20px 0px;} /*--------------------------- Start Layout -----------------------------*/ #container{padding:0px; margin:0px auto; border:none; position:relative; text-align:center; background:#FFF;} header{position:relative; width:100%; padding-top:20px; z-index:9900; } header{background-image:url('images/humpback_whale_1920_1080.jpg'); background-repeat:none; background-size:cover; background-position:bottom center;} header#front-page{height:800px;} header#child-page{height:170px; background-position:center center; margin-bottom:60px;} header#child-page .header-base{display:none;} /* ______________________ Logo ______________________ */ header #Logo {margin:0px auto; padding: 0px; text-align:left; width:100%; padding:10px 0px; height:150px; position:relative; overflow:hidden;} header #Logo img{max-height:100%;} header .logo .img #Logo{padding:0px 0px 0px 0px;} #navigation .control{display:none; text-align:center; line-height:50px; width:50px; height:50px; position:absolute; right:0px; top:55px; z-index:300;} #navigation .control a{display:block; text-align:center; color:#FFF; font-size:25px; line-height:44px; border-radius:50%; box-sizing:border-box; border:#FFF solid 3px; background: rgb(213,86,9); background: linear-gradient(0deg, rgba(213,86,9,1) 0%, rgba(255,160,0,1) 100%); } #navigation .control a.open{ background: rgb(22,81,115); background: linear-gradient(0deg, rgba(22,81,115,1) 0%, rgba(56,182,255,1) 100%); } #navigation .control a span.fa-times{display:none;} #navigation .control a.open span.fa-times{display:block; line-height:44px;} #navigation .control a.open span.fa-bars{display:none;} #navigation .control{display:block;} nav#mobile{display:none;} nav.open{display:block !important; margin-left:0px; width:auto;} nav ul.main{display:block; z-index:9999; position:absolute; right:0px; top:100px; width:100%; box-sizing:border-box; box-shadow:rgba(0,0,0,0.25) 0px 2px 3px; background:#2799df; margin:0px; padding:0px 0px; border-radius:10px;} nav ul.main:before{content:''; display:block; height:0px; width:0px; position:absolute; top:-10px; right:15px; z-index:350; border:#2799df solid 10px; border-left:transparent solid 10px; border-right:transparent solid 10px; border-top:none; } nav ul li, nav ul.main li{display:block; position:relative; margin:0px; padding:0px; width:100%;} nav ul.main li a{text-align:center; display:block; font-weight:700; color:#FFF; display:block; font-size:130%; padding:10px 0px; position:relative; border:0px; border-radius:0px; line-height:40px; border-bottom:rgba(255,255,255,0.25) solid 1px;} nav ul.main li a span.fa{display:none;} nav ul.main li ul{display:none;} nav ul li.current_page_parent > a, nav ul li.current-menu-ancestor > a{background:rgba(255,255,255,0.25);} nav ul li.current_page_parent ul.sub-menu, nav ul li.current-menu-ancestor ul.sub-menu{display:block; position:relative; } nav ul li.current_page_parent ul.sub-menu li{} nav ul li.current_page_parent ul.sub-menu li a{background:rgba(255,255,255,0.25); font-weight:400 !important; font-size:110%;} nav ul.main li:hover a{background:transparent;} nav ul.main li:hover > a{background:#D55609; } /* ______________________ BreadCrumb ______________________ */ .breadcrumb{padding:0px; font-weight:400; line-height:35px; min-height:35px; padding-top:0px; font-size:12px; margin-bottom:0px; } .breadcrumb .column12{border-bottom:#0466a3 solid 3px; border-top:#0466a3 solid 3px; padding:0px; margin-top:20px; margin-bottom:20px; } .breadcrumb .fa-home{font-size:20px; line-height:35px; float:left; margin-right:10px;} .breadcrumb{text-indent:-9999px !important; background:#FFF !important; } .breadcrumb .blockcontainer{display:none;} /* ______________________ Footer Navigation ______________________ */ footer section{background:#0566A3; padding:40px 0px; color:#FFF; border-bottom:rgba(0,0,0,0.25) solid 1px; border-top:rgba(255,255,255,0.25) solid 1px;} footer section.info-foot a{color:#FFF;} footer section.info-foot a:hover{text-decoration:underline;} footer section.info-foot .secNav{text-align:left;} footer section.info-foot .secNav ul {list-style:none; display:block;} footer section.info-foot .secNav ul li.menu-item-has-children{ display:block; width:33.333333%; float:left; font-weight:bold; font-family:'Oswald', helvetica, arial, san-serif; text-transform:uppercase; font-size:25px;} footer section.info-foot .secNav ul li.menu-item-has-children ul{display:block; margin-top:30px;} footer section.info-foot .secNav ul li.menu-item-has-children ul li{font-weight:normal; text-transform:none; font:17px/20px 'PT Sans', helvetica, arial, san-serif; margin-bottom:15px;} footer section.info-foot .calls-to-action{padding-top:50px;} footer section.info-foot .calls-to-action a{display:block;} footer section.info-foot .calls-to-action a:hover{text-decoration:none;} footer section.info-foot .contact-block{text-align:left;} footer section.info-foot .contact-block .contact h4{margin-top:30px;} footer section.info-foot .contact-block .contact p {font:17px/20px 'PT Sans', helvetica, arial, san-serif;} footer section.info-foot .contact-block .social a{display:inline-block; width:50px; height:50px; line-height:50px; border-radius:50%; text-align:center; background:#0F1B3C;} footer section.info-foot h4{font-size:25px;} footer section.legal-foot{font:17px/20px 'PT Sans', helvetica, arial, san-serif;} footer section.legal-foot .copyright{text-align:left;} footer section.legal-foot .legal{text-align:right;} footer section.legal-foot .legal ul{list-style:none; } footer section.legal-foot .legal a{color:#FFF;} footer section.legal-foot .legal a:hover{text-decoration:underline;} @media only screen and (max-width: 959px) { footer section.info-foot .secNav ul li.menu-item-has-children{width:100%; text-align:center; margin-top:40px;} footer section.info-foot .contact-block{text-align:center;} footer section.legal-foot .copyright{text-align:center;} footer section.legal-foot .legal{text-align:center;} } /* ______________________ Twitter ______________________ */ aside .twitter-frame{background:#0467A3; padding:10px; border-radius:5px;} /* ______________________ parallax-strip ______________________ */ .parallax-strip{background-attachment:fixed; background-size:cover; background-position:center; background-repeat:no-repeat; padding:200px 0px; margin-bottom:40px;} .parallax-strip.tall{padding:250px 0px; margin-bottom:0px;} /* ______________________ Start Layout ______________________ */ /*-- Body Content Align Left --*/ .bodyContent{text-align:left;} .bodyContent .column12.fullwidthcontent ul, .bodyContent .column12.fullwidthcontent ol{margin:0px; margin-bottom:20px; padding-left:30px;} .bodyContent .column12.fullwidthcontent ul{list-style:none; padding-left:35px;} .bodyContent .column12.fullwidthcontent ul li{display:block; position:relative; margin-bottom:10px;} .bodyContent .column12.fullwidthcontent ul li:before{font-family: 'FontAwesome'; content: '\f0a9'; margin:0px; font-weight:400; position:absolute; top:1px; left:-25px; color:#0566A3; font-size:110%;} .bodyContent .column12.fullwidthcontent ul li ul{padding-left:55px;} .bodyContent .column12.fullwidthcontent ul li ul li:before{content: '\f105'; left:-15px; top:2px;} .bodyContent ul li{margin-bottom:10px;} .panel-grid{margin:0px;} .panel-grid p:last-child { margin:0px; } .panel-row-style { padding:50px 0px; } /* ______________________ Header Images ______________________ */ .header-img{height:400px; background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed;} header .boundingbox{height:100%;} header .boundingbox .blockcontainer{height:100%; position:relative;} .words-n-actions{color:#FFF; width:100%; position:absolute; bottom:40px;} .words-n-actions .words{text-align:left; text-shadow:rgba(0,0,0,0.35) 0px 1px 1px;} .words-n-actions .actions{padding-top:60px;} /* ______________________ Introduction ______________________ */ main.front-page section{ padding:60px 0px; border-bottom:rgba(0,0,0,0.25) solid 1px; border-top:rgba(255,255,255,0.25) solid 1px;} main.front-page section.home-intro{color:#FFF; text-align:center; background: rgb(1,67,126); background: linear-gradient(180deg, rgba(1,67,126,1) 0%, rgba(5,102,163,1) 100%); } main.front-page section.home-intro .home-three .wp-block-column figure a{display:block; border:#FFF solid 3px; border-radius:50%; overflow:hidden; margin:25px 25px;} main.front-page section.home-intro .home-three .wp-block-column figcaption { margin-top:-2em; } /* ______________________ News Area ______________________ */ .home-news{clear:both; padding:50px 0px; } .home-news h2{color:#0566a3;} .home-news #news-list .item{ margin-bottom:20px; box-sizing:border-box; text-align:center;} .home-news #news-list .item a{display:block; text-align:left;} .home-news #news-list .item a .image{display:block; height:175px; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; } .home-news #news-list .item p{font-size:17px; line-height:20px; font-weight:400; letter-spacing:0; padding:10px 0px 0px 0px; display:block; margin-bottom:10px; text-transform:none;} .home-news #news-list .item a.read{font-size:17px; font-weight:bold; display:block; text-align:center;} @media only screen and (max-width: 959px) { .home-news #news-list .column3{clear:both;} } section.front-img{position:relative; background:#0566A3; color:#FFF; } section.front-img .img{ background-position: center; background-repeat: no-repeat; background-size: cover; height: calc(100% + 0px); left: 0%; overflow: hidden; position: absolute; text-align: center; transform: translate(-0%, -50%); top: 50%; width: calc(50% + 2px); z-index: 0; } section.front-img .img.right{ left: auto; right:0px; } section.front-img .img .caption{font-size:11px; position:absolute; bottom:5px; right:0px; padding:0px 10px; background:rgba(255,255,255,0.2)} @media only screen and (max-width: 959px) { section.front-img .img{ position:relative; width:100%; height:350px; transform:none; margin-top:-60px; top:auto; left:auto; right:auto; margin-bottom:60px; } section.front-img .column7{display:none;} } /* ______________________ Voice ______________________ */ .voices-carousel .voice-img{width:180px; height:180px; background:#FFF; border-radius:50%; overflow:hidden; margin:20px auto 0px auto; } .voices-carousel p.quote{font-size:25px; line-height:30px; display:inline-block; position:relative; padding:30px 0px; margin-bottom:20px; } .voices-carousel p.quote:before{font-family: 'FontAwesome'; content: '\f10d'; margin:0px; font-weight:400; position:absolute; top:-0px; left:0px; font-size:30px; color:#0566A3;} .voices-carousel p.quote:after{font-family: 'FontAwesome'; content: '\f10e'; margin:0px; font-weight:400; position:absolute; bottom:-0px; right:0px; font-size:30px; color:#0566A3;} .voices-carousel h4.name{margin-bottom:0px; text-align:right;} .voices-carousel p.role{text-align:right; font-size:13px; margin-bottom:0px;} .voices-carousel ul.flex-direction-nav{display:none !important;} @media only screen and (max-width: 959px) { section.home-intro .entry-content{padding:0px 0px;} section.home-intro .logo .img{width:200px;} section.download .button{font-size:15px;} section.download .button small{display:none;} section.home-intro .singlePost{margin-bottom:0px; padding-bottom:0px;} } /* ______________________ Video Element ______________________ */ .home-video{background-image:url('images/water-light.jpg'); background-attachment:fixed; background-size:cover; background-position:center; background-repeat:no-repeat; padding:200px 0px !important;} /* ______________________ members carousel home ______________________ */ .home-members{border-top:#ECECEC dotted 5px; padding:50px 0px;} .home-members .members-title h2{text-shadow:rgba(255,255,255,1) 0px 1px 1px; font-size:30px;} .home-members .members-info .team .img{height:140px; background-color:#FFF;} @media only screen and (max-width: 959px) { .home-members .members-info .team .img{background-size:contain; height:180px;} } /* ______________________ News Area ______________________ */ /*_______________________ Meet the Team _______________________*/ .team-members .team .img{height:200px; background-size:cover; background-position:center; background-repeat:no-repeat; margin-bottom:20px; position:relative;} .team-members .team .img a{position:absolute; display:table-cell; top:0px; bottom:0px; left:0px; right:0px;} .team-members .team .img a .overlay{position:absolute; bottom:0px; left:0px; width:100%; } .team-members .team .img a .overlay h2{padding:10px; margin-bottom:0px; background:rgba(39,153,223,0.65); color:#FFF; font-size:20px !important; font-weight:600; } .team-members .team .img a .overlay h2 span.position{display:block; font-weight:400; font-size:15px;} .team-members .team .img a:hover .overlay h2{background:#2799DF; font-size:20px !important;} /*_______________________ Members info _______________________*/ .members-info .team .img{height:200px; background-size:65%; background-position:center; background-repeat:no-repeat; margin-bottom:20px; position:relative; border:#ECECEC solid 1px;} .members-info .team .img a{border:0px padding:0px; margin:0px; display:block; width:100%; height:100%; background:transparent;} .members-info .team .img a h2{color:#FFF; font-size:20px;} .members-info .team .img a h2:after{font-weight:400; display:block; content:'- Visit Website - '; font-size:12px; letter-spacing:0.05em;} .members-info .team .img a .overlay{background:#2799DF; display:none; vertical-align:middle; height:200px; width:1%; text-align:center; margin:0px; padding:0px; border:0px;} .members-info .team .img a:hover .overlay{display:table-cell;} /*_______________________ youth _______________________*/ #youth_ambassadors_map_container {box-sizing: content-box !important; max-width:none !important; height:715px; width:100%; } #youth_ambassadors_map_container div{position:static;} #youth_ambassadors_map_container img{max-width:none !important; box-sizing: content-box !important;} @media only screen and (min-width: 960px) and (max-width: 1160px) { #youth_ambassadors_map_container{height:600px; } } @media only screen and (min-width: 480px) and (max-width: 959px) { #youth_ambassadors_map_container{height:255px; } } @media only screen and (max-width: 479px) { #youth_ambassadors_map_container{height:191px; } } .youth-members{margin-top:40px;} .youth-members .youth .img{height:353px; background-size:cover; background-position:center; background-repeat:no-repeat; margin-bottom:20px; position:relative;} .youth-members .youth .info-window{display:none;} .youth-members .youth .img a{position:absolute; display:table-cell; top:0px; bottom:0px; left:0px; right:0px;} .youth-members .youth .img a .overlay{position:absolute; bottom:0px; left:0px; width:100%; } .youth-members .youth .img a .overlay h2{padding:10px; margin-bottom:0px; background:rgba(39,153,223,0.65); color:#FFF; font-size:18px; font-weight:600; } .youth-members .youth .img a .overlay h2 span.country{display:block; font-weight:400; font-size:15px;} .youth-members .youth .img a:hover .overlay h2{background:#2799DF;} .youth-single h1 .country{font-weight:400; font-size:25px;} .info-window{max-width:300px;} .info-window-inner{} .info-window-inner a h2{color:#0F1B3C; font-size:25px; font-weight:700 !important;} .info-window-inner a h2 span.country{font-weight:400 !important;} .info-window-inner img{width:150px !important; display:none;} .info-window-inner .text{color:#333; display:block;} .info-window-inner .more{display:inline-block; padding-top:10px;} /*_______________________ Members info _______________________*/ .youth-info .team .img{height:200px; background-size:65%; background-position:center; background-repeat:no-repeat; margin-bottom:20px; position:relative; border:#ECECEC solid 1px;} .youth-info .team .img a{border:0px padding:0px; margin:0px; display:block; width:100%; height:100%; background:transparent;} .youth-info .team .img a h2{color:#FFF;} .youth-info .team .img a h2:after{font-weight:400; display:block; content:'- Visit Website - '; font-size:12px; letter-spacing:0.05em;} .youth-info .team .img a .overlay{background:#2799DF; display:none; vertical-align:middle; height:200px; width:1%; text-align:center; margin:0px; padding:0px; border:0px;} .youth-info .team .img a:hover .overlay{display:table-cell;} @media only screen and (min-width: 960px) and (max-width: 1160px) { .youth-members .youth .img{height:292px; } } @media only screen and (min-width: 480px) and (max-width: 959px) { .youth-members .youth .img{height:560px; } } @media only screen and (max-width: 479px) { .youth-members .youth .img{height:400px; } } /* ______________________ Home News ______________________ */ section.home-news{ padding:40px 0px;} section.home-news .postRow .entry-content:last-child:after{display:none; } .entry-content .tags{ display:inline-block; clear:none;} .entry-content .tags .byline a, .entry-content .tags .cat-links a, .entry-content .tags .tags-links a{display:inline-block; margin:0px 5px 5px 0px; padding:2px 5px;} .entry-content .tags .byline a:before, .entry-content .tags .cat-links a:before, .entry-content .tags .tags-links a:before {font-family: 'FontAwesome'; margin-right:5px;} .entry-content .tags .byline a:before{content: "\f02b" ;} .entry-content .tags .cat-links a:before{content: "\f02b" ;} .entry-content .tags .tags-links a:before{content: "\f02b" ;} .entry-content .tags .byline a, .entry-content .tags .cat-links a, .entry-content .tags .tags-links a{background: #CCC; border-radius: 0.25em; color: #ffffff !important; padding: 2px 5px; transition: all 0.5s ease-in-out; display:inline-block; font-weight:400; font-size:13px;} .entry-content .tags .byline a:hover, .entry-content .tags .cat-links a:hover, .entry-content .tags .tags-links a:hover{ background: #00659E;} /* ______________________ Partners ______________________ */ section#partners{background:#ECECEC; padding:40px 0px;} section#partners h2{color:#425785; position:relative; line-height:50px; z-index:9; margin-bottom:0px;} section#partners h2 span{background:#ECECEC; padding:0px 30px; position:relative; z-index:9;} section#partners h2:before{content:''; width:200px;; border-top:#9C9FA3 solid 3px; display:block; position:absolute; top:25px; z-index:2; margin-left:-100px; left:50%;} section#partners h2:after{content:''; width:100%; border-top:#425785 solid 3px; display:block; position:absolute; top:25px; z-index:1;} .partners-carousel ul.slides{height:140px; overflow:hidden;} .partners-carousel ul.slides li.item{text-align:center; height:130px;} .partners-carousel ul.slides li.item a{background:#FFF; border-radius:5px; box-shadow:rgba(0,0,0,0.25) 0px 2px 3px; display:block;} .partners-carousel ul.slides li.item img{max-height:120px; width:auto;} @media only screen and (max-width: 959px) { .partners-carousel ul.slides{height:auto !important; overflow:none;} .partners-carousel ul.slides li.item{display:block !important; width:100%; } } .partner-list{font-size:13px; padding-top:20px;} .partner-list ul {display:block; list-style:none;} .partner-list ul li{display:inline-block; width:25%; vertical-align:middle; text-align:center; line-height:20px; margin:0px; margin-bottom:0px; font-weight:600; height:60px; position:relative; box-sizing:border-box; padding:10px 5px; border-bottom:#CCC solid 1px;} .partner-list ul li:before{font-family: 'FontAwesome'; margin-right:5px; content:'\f058'; color:#36A3A8; font-weight:400;} .partner-list ul li:after{content:''; display:block; width:1px; height:100%; background:#CCC; position:absolute; right:0px; top:0px;} .partner-list ul li:nth-child(4n+4):after{display:none;} @media only screen and (min-width: 960px) and (max-width: 1160px) { .partner-list ul li{width:33.3333334%;} .partner-list ul li:nth-child(4n+4):after{display:block;} .partner-list ul li:nth-child(3n+3):after{display:none;} } @media only screen and (max-width: 959px) { .partner-list ul li{width:100%; height:auto;} .partner-list ul li:after{display:none;} } /* ______________________ Services ______________________ */ section#services{background:#FFF; padding:40px 0px;} section#services h2{color:#36A3A8; position:relative; line-height:50px; z-index:9; margin-bottom:0px; text-align:center;} section#services h2 span{background:#FFF; padding:0px 30px; position:relative; z-index:9;} section#services h2:after{content:''; width:100%; border-top:#36A3A8 solid 3px; display:block; position:absolute; top:25px; z-index:1;} .services-carousel ul.slides{height:170px; overflow:hidden;} .services-carousel ul.slides li.item{text-align:center; display:table-cell !important; height:170px; vertical-align:middle; width:1%; box-sizing:border-box; border:transparent solid 5px; padding:0px;} .services-carousel ul.slides li.item img{max-height:120px; width:auto;} .services-carousel ul.slides li.item b{font-size:15px; color:#36A3A8;} @media only screen and (max-width: 959px) { section#services h2 span{padding:0px;} .services-carousel ul.slides{height:auto !important; overflow:none;} .services-carousel ul.slides li.item{display:block !important; width:100%; } } /* ______________________ Spokespeople ______________________ */ #spokesperson{background-image: linear-gradient(to right top, #425785, #376692, #2a759c, #1e83a3, #1f91a7, #259aab, #2ea4ae, #39adb1, #3bb5b8, #3dbcbf, #40c4c5, #42cccc); padding:50px 0px 20px 0px;} #spokesperson h2{font-size:50px; color:#FFF;} #spokesperson a.button{font-size:20px; border:#FFF solid 3px;} /* Home Page - TIMELINE */ section#timeline{background:#FFF; padding:40px 0px; } section#timeline h2{ font-size:70px; } section#timeline h2 span{font-weight:300; display:block; font-size:35px; letter-spacing:0.05em;} .t-section { margin:54px 30px; position:relative; } .t-section::before, .t-section::after{content:''; background-image: linear-gradient(to right top, #425785, #376692, #2a759c, #1e83a3, #1f91a7, #259aab, #2ea4ae, #39adb1, #3bb5b8, #3dbcbf, #40c4c5, #42cccc); position:absolute; height:50px; width:50px; border-radius:50%; border:#FFF solid 5px; margin-top:-20px; box-shadow:rgba(0,0,0,0.25) 0px 2px 5px; z-index:10; left:calc(50% - 25px);} .t-section::before{top:0px;} .t-section::after{bottom:-15px;} .t-row { padding:50px; margin-top:-15px; background-repeat:no-repeat; } .t-row::before { content:''; background:#fff; position:absolute; top:15px; height:calc(100% - 30px); width:calc(100% - 15px); } .t-row::after{content:''; background-image: linear-gradient(to right top, #425785, #376692, #2a759c, #1e83a3, #1f91a7, #259aab, #2ea4ae, #39adb1, #3bb5b8, #3dbcbf, #40c4c5, #42cccc); position:absolute; height:40px; width:40px; border-radius:50%; border:#FFF solid 5px; top:50%; margin-top:-20px; box-shadow:rgba(0,0,0,0.25) 0px 2px 5px;} .t-row-left { background-size: 50% 100%; background-position: left; border-radius:130px 0 0 130px; } .t-row-left::before { left:15px; border-radius:115px 0 0 115px; } .t-row-left::after{left:-10px;} .t-row-right { background-size: 50% 100%; background-position: right; border-radius: 0 130px 130px 0; } .t-row-right::before { right:15px; border-radius:0 115px 115px 0; } .t-row-right::after{right:-10px;} .t-row-1 { background-image:linear-gradient(to top,#42cccc 0%, #42cccc 15px, #36a3a8 100%); } .t-row-2 { background-image:linear-gradient(to bottom,#42cccc 0%, #42cccc 15px, #425785 100%); } .t-row-3 { background-image:linear-gradient(to top,#36a3a8 0%, #36a3a8 15px, #425785 100%); } .t-row-4 { background-image:linear-gradient(to top,#42cccc 0%, #42cccc 15px, #36a3a8 100%); } .t-row-5 { background-image:linear-gradient(to bottom,#42cccc 0%, #42cccc 15px, #425785 100%); } .t-row-6 { background-image:linear-gradient(to top,#36a3a8 0%, #36a3a8 15px, #425785 100%); } .t-row .right, .t-row .left{width:50%; float:left; line-height:30px;} .t-row .t-date{font-weight:700; color:#36a3a8; font-size:25px; line-height:30px;} .t-row .t-date sup{line-height:30px; font-weight:600; font-size:15px;} .t-row .t-title{display:inline-block; color:#425785; margin:0px 15px;} .t-row .t-location{display:inline-block; background:#dbba4c; color:#FFF; font-weight:600; font-size:13px; padding:0px 15px; border-radius:15px;} .t-row-right .left{float:right;} @media only screen and (max-width: 959px) { .t-row .right, .t-row .left{display:block; float:none; width:100%;} .t-row .t-title{display:block;} } @media only screen and (max-width: 479px) { section#timeline h2 { font-size:50px; } section#timeline h2 span{ font-size:25px; } section#spokesperson h2{ font-size:40px; } #spokesperson a.button { font-size:15px; } .t-row .t-date{ font-size:16px; } .t-row .t-title{ font-size:14px; line-height:25px; margin:0; } .t-row .t-location{ font-size:11px; } } /* ______________________ Custom Twitter Feed ______________________ */ .ctf{background:#FFF; border-radius:5px; padding:10px;} .ctf-tweets{padding:10px; height:520px; overflow:auto;} .ctf-more a {display:block; color:#FFF;} /* ______________________ Contact ______________________ */ section#contact h2{position:relative; line-height:50px; z-index:9; margin-bottom:20px;} section#contact h2 span{background:#FFF; padding:0px 30px; position:relative; z-index:9;} section#contact h2:after{content:''; width:100%; border-top:#005E27 dotted 3px; display:block; position:absolute; top:25px; z-index:1;} /* ______________________ Resource Grid ______________________ */ .resource-grid .column3{margin-bottom:20px;} .resource-grid .column3 a.post-thumbnail{display:block;} .resource-grid .column3 a.post-thumbnail .img{display:block; padding:20px; background-image:linear-gradient(to bottom,#42cccc 0%, #42cccc 15px, #425785 100%); border-radius:50%; margin-bottom:10px;} .resource-grid .column3 a.post-thumbnail .img span{display:block; margin:0px auto; height:225px; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:cover;} .resource-grid .column3 a.post-thumbnail .title h3{font-size:17px; font-weight:700;} @media only screen and (min-width: 960px) and (max-width: 1160px) { .resource-grid .column3 a.post-thumbnail .img span{height:180px;} } @media only screen and (min-width: 480px) and (max-width: 959px) { .resource-grid .column3 a.post-thumbnail .img span{height:380px;} } @media only screen and (max-width: 479px) { .resource-grid .column3 a.post-thumbnail .img span{height:260px;} } /* ______________________ Take Action ______________________ */ section#take-action h2{position:relative; line-height:50px; z-index:9; margin-bottom:0px;} section#take-action h2 span{background:#FFF; padding:0px 30px; position:relative; z-index:9;} section#take-action h2:after{content:''; width:100%; border-top:#005E27 dotted 3px; display:block; position:absolute; top:25px; z-index:1;} section#take-action article{clear:both; background:#FFF; padding:20px 0px;} section#take-action .bodyContent:nth-child(odd) article{background:#F2F2F2;} section#take-action article:after{content:''; display:block; clear:both; height:1px;} /*_______________________ Article Rows _______________________*/ .articleRow{margin-top:20px; border-top:#ECECEC solid 3px; padding-top:20px;} .articleRow h3{color:#48989c; border-left:#0c4a60 solid 5px; padding-left:10px;} /* ______________________ Search Form ______________________ */ form.search-form{background:#ECECEC; padding:10px; border-radius:5px; margin-bottom:20px; padding:10px; position:relative; } form.search-form input{ line-height:42px; padding:0px 10px; padding-right:40px; border-radius:5px;} form.search-form button{position:absolute; z-index:2; top:10px; right:10px; border:0px; line-height:40px; width:40px; color:#FFF; border-radius:0px 5px 5px 0px; font-size:15px; box-sizing:border-box; background:#0566A3; } /* ______________________ Comment Form ______________________ */ .entry-content form {background:#F9F9F9; padding:10px; border-radius:0px; margin-bottom:20px; padding:20px; position:relative; border-radius:10px;} /* ______________________ text columns ______________________ */ figure{display:block; margin:0px; padding:0px; } figure.wp-caption{line-height:15px;} figure.alignright{margin-left:20px; margin-bottom:20px;} figure.alignleft{margin-right:20px; margin-bottom:20px;} figure img{max-width:100%;} @media only screen and (max-width: 959px) { .normal-page-old .entry-content_od{ -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 0px; /* Chrome, Safari, Opera */ -moz-column-gap: 0px; /* Firefox */ column-gap: 0px; } .normal-page .entry-content {padding-right:0px;} .donatestrap div.column6 {padding-top:40px;} section.breadcrumb{display:none;} .normal-page{background-size:cover; background-position:left top;} figure{display:block; width:auto !important; max-width:100%; margin:0px; padding:0px;} figure img{max-width:100%;} figure.alignleft, figure.alignright{margin:0px;} } /*Two Column - with Sidebar*/ .bodyContent .column9 .entry-content ul, .bodyContent .column9 .entry-content ol{margin:0px; margin-bottom:20px; padding-left:30px;} .bodyContent .column9 .entry-content ol li{margin-bottom:20px; } .bodyContent .column9 .entry-content ol li ul, .bodyContent .column9 .entry-content ol li ol{margin-top:20px;} .bodyContent .column9 .entry-content ol {list-style: none;} .bodyContent .column9 .entry-content ol li{counter-increment: item; position:relative;} .bodyContent .column9 .entry-content ol > li:before { position:absolute; left:-30px; top:0px; content: counter(item); background: #425785; border-radius: 100%; color: white; width: 25px; height:25px; line-height:23px; font-size:11px; font-weight:600; text-align: center; display:block; } .bodyContent .column9 .entry-content ul{list-style:none; padding-left:35px; padding-top:20px;} .bodyContent .column9 .entry-content ul li{display:block; position:relative;} .bodyContent .column9 .entry-content ul li:before{font-family: 'FontAwesome'; content: '\f0a9'; margin:0px; font-weight:400; position:absolute; top:1px; left:-20px; color:#2799DF;} .bodyContent .column9 .entry-content ul li ul li:before{content: '\f105'; left:-15px; top:2px;} /* ------ ASIDE ------ */ aside h2{font-size:30px; font-weight:600; border-bottom:#ECECEC dotted 5px; padding:20px 0px 10px 0px; margin-bottom:10px; position:relative; clear:left;} aside.column3 aside:nth-child(even) h2{color:#0F1B3C; border-bottom:#ECECEC dotted 5px; } aside ul{margin:0px; padding:0px !important; list-style:none; margin-bottom:20px;} aside ul li{margin:0px !important; padding:0px !important;} aside ul ul > li{display:none;} aside ul li.current_page_item, aside ul li.current_page_parent, aside ul li.current_page_item ul li, aside ul li.current_page_parent ul li{display:block;} aside ul li:before{content:none !important;} aside ul li a{display:block; padding:10px 0px 10px 20px; position:relative; border-bottom:#CCC dotted 1px; position:relative; color:#0566A3 !important; font-weight:600;} aside ul li a:hover{color:#DF6D27 !important;} aside ul li a:before{font-family: 'FontAwesome'; content: '\f105'; margin:0px; font-weight:400; position:absolute; top:5px; left:5px; } aside ul li.current-cat > a, aside ul li.current_page_item > a, aside ul li.current_page_ancestor > a{color:#FFF !important; background:#0566A3; border-bottom:#FFF solid 1px;} aside ul li.current-cat > a:hover, aside ul li.current_page_item > a:hover, aside ul li.current_page_ancestor > a:hover{} aside ul li ul{display:none;} aside ul li ul li a{padding:3px 0px 3px 35px; font-size:13px; background:#F2F2F2; color:#005E27 !important; border-bottom:#FFF solid 1px;} aside ul li ul li.current_page_item a{background:#005E27; color:#FFF;} aside ul li ul li a:before{left:20px; top:3px;} aside ul li.current_page_item ul, aside ul li.current_page_ancestor ul{display:block;} aside.widget_recent_entries ul, aside.widget_recent_entries ul li{display:block;} aside .widget-area .sidebar-take-action{background:#00659E; box-sizing:border-box; padding:20px; border-radius:10px; margin-top:20px; box-shadow:rgba(0,0,0,0.25) 0px 2px 3px; position:relative;} aside .widget-area .sidebar-take-action:before{font-family: 'FontAwesome'; content: '\f067'; font-size:15px; line-height:30px; text-align:center; border-radius:50%; height:30px; width:30px; display:block; background:#FFF; color: #00659E; position:absolute; right:-5px; top:-5px; z-index:10px;} aside .widget-area .sidebar-take-action h3{font-weight:700; color:#FFF; padding-top:10px; font-size:20px;} aside .widget-area .sidebar-take-action p{font-size:13px; line-height:20px; color:#FFF;} aside .widget-area .sidebar-take-action a.button{display:block; font-size:18px; text-align:center; text-shadow:none;} img.alignleft{margin:10px 20px 10px 0px;} img.alignright{margin:10px 0px 10px 20px;} img.aligncenter{display:block; text-align:center; margin:0px auto;} /* ----------- Spokesperson ----------- */ .spokesperson .title h3{font-weight:600; margin-bottom:10px;} .spokesperson .title p {font-size:15px; color:#666; margin-bottom:10px;} .spokesperson .title p b{font-weight:400;} .spokesperson .issues label{font-family:georgia, serif; font-style:italic; color:#666; margin-bottom:10px;} .spokesperson .foot-info{font-size:15px;} /* ----------- Transaction Filters ----------- */ .spokesperson-search{background:#ECECEC; box-sizing:border-box; padding-top:20px;} .spokesperson-search ul{list-style:none; margin:0px; padding:0px;} .spokesperson-search ul li.filter a{display:block; background:#FFF; border-radius:3px; margin:0px; line-height:30px; padding:5px 20px 5px 7px; font-size:15px; color:#000;} .spokesperson-search ul li.filter a:before{font-family: 'FontAwesome'; content: '\f0dc'; font-weight:400; position:absolute; top:7px; right:10px;} .spokesperson-search ul li.filter a.on:before{content: '\f00d';} .spokesperson-search ul li{display:block; position:relative;} .spokesperson-search ul li ul{position:absolute; top:40px; left:0px; background:#D4E3EF; z-index:4; width:100%; max-height:410px; overflow:auto;} .spokesperson-search ul li ul li{display:block; border-bottom:#FFF dashed 1px;} .spokesperson-search ul li ul li:last-child{border-bottom:0px;} .spokesperson-search ul li ul li input{display:block; position:absolute; left:5px; top:0px; font-size:15px; width:auto;} .spokesperson-search ul li ul li label{display:block; box-sizing:border-box; padding:7px; padding-left:30px; margin:0px; font-size:15px;} .spokesperson-search input, .spokesperson-search select{background:#FFF; border-radius:3px; line-height:30px; font-size:15px; height:40px; margin-bottom:0px;} .spokesperson-search button{position:relative !important; display:block; width:100%; min-height: 40px; line-height: 40px; z-index: 0; top: auto; right: auto; border: 0px; line-height: 40px; width: 200px !important; color: #FFF; border-radius: 5px !important; font-size: 17px !important; box-sizing: border-box; background: #259AAB; margin:0px auto 10px auto ; } @media only screen and (max-width: 959px) { .spokesperson-search div{display:block; width:100%; text-align:center; margin-bottom:0px;} .spokesperson-search div .spokesperson-search input, .spokesperson-search select, .spokesperson-search button{margin:0px auto; width:90%; display:block;} .spokesperson-search ul, .spokesperson-search margin-block-start, .spokesperson-search margin-block-end{margin:0px !important;} .spokesperson-search ul li.filter{width:90%; margin:0px auto; text-align:left;} .spokesperson-search .column3{width:100%;} } /* ______________________ Pagination ______________________ */ nav.pagination{padding-top:20px; text-align:center; clear:both; margin-top:0px;} nav.pagination a, nav.pagination .page-numbers.current{display:inline-block; margin:0px 2px; background:#F2F2F2; min-height:30px; min-width:30px; line-height:30px; text-align:center; border-radius:15px; font-size:11px; font-weight:600;} nav.pagination .page-numbers.current{background:#00659E; color:#FFF;} nav.pagination a.prev, nav.pagination a.next{padding:0px 10px 0px 10px; font-size:13px;} nav.pagination a.next:after{font-family: 'FontAwesome'; content: "\f138"; padding-left:3px; font-size:13px; font-weight:400;} nav.pagination a.prev:before{font-family: 'FontAwesome'; content: "\f137"; padding-right:3px; font-weight:400;} /* ______________________ Posts ______________________ */ .widget_categories select{width:100%;} section#latest-news{background:#FFF; background-size:cover; background-attachment:fixed;} section#latest-news h2{position:relative; line-height:50px; z-index:9; margin-bottom:0px;} .postRow, .searchRow{background:#FFF; clear:left; padding:25px 0px; margin-bottom:20px; position:relative; min-height: 160px;} .searchRow{padding:20px;} .postRow:after {visibility: hidden;display: block; font-size: 0; content: " "; clear: both; height: 0;} .postRow .title, .searchRow .title{margin-left:0px; min-height:30px; display:block; float:none; position:relative; font-weight:600;} .postRow .title h2, .searchRow .title h2{font-size:30px;} .searchRow .title:before{font-family: 'FontAwesome'; content: "\f002" ; text-align:center; line-height:40px; width:40px; height:40px; background:#0f1b3c; color:#FFF; border-radius:50%; display:block; position:absolute; left:-50px; top:-10px;} .postRow .date{padding-top:0px; text-align:left; color:#666; font-weight:400; font-size:13px; margin-bottom:20px;} .postRow .date:before{display:inline-block; content:'Date:'; font-weight:bold;} .postRow .date span.arrow{display:none;} .postRow .post-thumbnail, .searchRow .post-thumbnail{float:right; margin:0px; margin-right:10px; margin-bottom:10px; display:block; padding-left:10px;} .postRow .post-thumbnail img, .searchRow .post-thumbnail img{ border-radius:50%; border:#ECECEC solid 10px;} .postRow .entry-content {display:block; } .postRow .entry-content:after{display:block; content:''; clear:both; width:100%; margin-top:20px; border-top:#ECECEC dotted 5px;} .postRow .comments-link{display:inline-block; padding:5px 10px; line-height:20px; border-radius:17px; font-size:11px; background:#2399EC;} .postRow .comments-link a{color:#FFF;} .postRow .comments-link a:before{font-family: 'FontAwesome'; content: "\f075" ; padding-right:5px; color:#FFF;} .postRow .sticky-post{text-shadow:#FFF 0px 1px 1px; margin:0px 10px; display:inline-block; color:#2399EC; font-size:12px; text-transform:uppercase;} .postRow .sticky-post:before{font-family: 'FontAwesome'; content: "\f005" ; margin-right:5px; font-weight:400; font-size:17px;} .singlePost {margin-bottom:20px;} .singlePost .date{font-weight:600; background:#F9f9f9; padding:5px 10px; font-size:12px; margin-bottom:10px; border-radius:5px;} .singlePost .date .arrow{font-weight:400;} .singlePost .post-thumbnail{float:right; max-width:300px; border:#ECECEC solid 5px; margin:5px;} .singlePost .post-thumbnail img{display:block;} .singlePost .tags .byline a, .singlePost .tags .cat-links a, .singlePost .tags .tags-links a{display:inline-block; margin:0px 5px 5px 0px; padding:2px 5px;} .singlePost .tags .byline a:before, .singlePost .tags .cat-links a:before, .singlePost .tags .tags-links a:before {font-family: 'FontAwesome'; margin-right:5px;} .singlePost .tags .byline a:before{content: "\f02b" ;} .singlePost .tags .cat-links a:before{content: "\f02b" ;} .singlePost .tags .tags-links a:before{content: "\f02b" ;} .singlePost .tags .byline a, .singlePost .tags .cat-links a, .singlePost .tags .tags-links a{background: #CCC; border-radius: 0.25em; color: #ffffff !important; padding: 2px 5px; transition: all 0.5s ease-in-out; display:inline-block; font-weight:400; font-size:13px;} .singlePost .tags .byline a:hover, .singlePost .tags .cat-links a:hover, .singlePost .tags .tags-links a:hover{ background: #00659E;} /* ______________________ Comments ______________________ */ .tags, .postnavigation{clear:both;} #comments{border-top:#ECECEC solid 3px; padding-top:20px; clear:both;} #comments h2{font-size:17px; position:relative; padding-left:60px; padding-top:5px; min-height:40px; background:#e0e7e9; border:#e0e7e9 solid 5px; border-radius:5px;} #comments h2:before{font-family: 'FontAwesome'; content: "\f075"; position:absolute; left:0px; top:0px; width:43px; height:43px; line-height:43px; border-radius:50%; color:#FFF; background:#48989c; text-align:center; } #comments ol.comment-list{list-style:none; margin:0px; } #comments ol.comment-list ol{list-style:none;} #comments footer{background:#F9F9F9; border-radius:5px;} ol.comment-list { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } ol.comment-list li { } ol.comment-list li.alt { } ol.comment-list li.bypostauthor {} ol.comment-list li.byuser {} ol.comment-list li.comment-author-admin {} ol.comment-list li.comment { border-bottom:1px dotted #48989c; padding:1em; } ol.comment-list li.comment div.comment-author {} ol.comment-list li.comment div.vcard { font:normal 16px; padding:5px;} ol.comment-list li.comment div.vcard cite.fn { font-style:normal; } ol.comment-list li.comment div.vcard cite.fn a.url {} ol.comment-list li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; } ol.comment-list li.comment div.vcard img.avatar-32 {} ol.comment-list li.comment div.vcard img.photo {} ol.comment-list li.comment div.vcard span.says {} ol.comment-list li.comment div.commentmetadata {} ol.comment-list li.comment div.comment-metadata { font-size:9px; padding:5px 5px 15px 5px;} ol.comment-list li.comment div.comment-metadata a { color:#48989c; } ol.comment-list li.comment div.comment-metadata .edit-link a{color:#48989c} ol.comment-list li.comment p { font-size:13px; margin:0 0 1em; } ol.comment-list li.comment ul { font-size:13px; list-style:square; margin:0 0 1em 2em; } ol.comment-list li.comment div.reply { font-size:13px; } ol.comment-list li.comment div.reply a { font-weight:bold; color:#FFF; background:#48989c; border-radius:0px; padding:5px 5px; text-transform:uppercase; border-radius:3px} ol.comment-list li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.comment-list li.comment ul.children li {} ol.comment-ist li.comment ul.children li.alt {} ol.comment-list li.comment ul.children li.bypostauthor {} ol.comment-list li.comment ul.children li.byuser {} ol.comment-list li.comment ul.children li.comment {} ol.comment-list li.comment ul.children li.comment-author-admin {} ol.comment-list li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; } ol.comment-list li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; } ol.comment-list li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; } ol.comment-list li.comment ul.children li.depth-5 {} ol.comment-list li.comment ul.children li.odd {} ol.comment-list li.even { background:#fff; } ol.comment-list li.odd { background:#F9F9F9; } ol.comment-list li.parent { border-left:5px solid #48989c; } ol.comment-list li.thread-alt { } ol.comment-list li.thread-even {} ol.comment-list li.thread-odd {} #respond{padding-top:20px;} #respond p.logged-in-as{font-size:12px;} #respond .comment-form-comment label{font-weight:600;} #respond .form-submit .submit{color:#FFF; max-width:320px; background: #a3c6c4; background: -moz-linear-gradient(top, #a3c6c4 0%, #84b2b0 100%); background: -webkit-linear-gradient(top, #a3c6c4 0%,#84b2b0 100%); background: linear-gradient(to bottom, #a3c6c4 0%,#84b2b0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3c6c4', endColorstr='#84b2b0',GradientType=0 ); border-color: #7aadaa #74a9a6 #6aa3a0; border-image: none; border-radius: 0.25em; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.067); box-sizing: border-box; color: #ffffff !important; padding: 10px 15px;      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; transition: all 0.5s ease-in-out; display:inline-block; font-weight:400; } nav.post-navigation{padding-top:20px; text-align:center; border-top:#ECECEC dotted 5px;} nav.post-navigation a{display:inline-block; margin:0px 2px; color:#FFF; min-height:40px; min-width:30px; line-height:40px; text-align:center; font-size:15px; font-weight:400; border-radius: 20px; box-sizing: border-box; color: #ffffff !important; padding: 10px 25px; transition: all 0.5s ease-in-out;display:block; background: rgb(213,86,9); background: linear-gradient(0deg, rgba(213,86,9,1) 0%, rgba(255,160,0,1) 100%); } nav.post-navigation a:hover{ background: rgb(22,81,115); background: linear-gradient(0deg, rgba(22,81,115,1) 0%, rgba(56,182,255,1) 100%); } nav.post-navigation .nav-previous{float:left;} nav.post-navigation .nav-next{float:right;} nav.post-navigation .nav-previous a, nav.post-navigation .nav-next a{padding:0px 20px; font-size:15px;} nav.post-navigation .nav-next a:after{font-family: 'FontAwesome'; content: "\f138"; padding-left:3px; font-weight:400;} nav.post-navigation .nav-previous a:before{font-family: 'FontAwesome'; content: "\f137"; padding-right:3px; font-weight:400;} nav.post-navigation .nav-previous .post-title, nav.post-navigation .nav-next .post-title{display:none;} /* ______________________ Tagcloud ______________________ */ .tagcloud {padding:10px; margin-bottom:20px; border:#E8E8E8 solid 1px; border-radius:0px 0px 5px 5px; margin-bottom:20px; font-size: 1em;} .tagcloud a{display:inline-block; text-decoration: none;padding: 3px 5px; background:#f2f2f2; border-radius:5px; margin:2px;} /* ______________________ Accordion ______________________ */ .accordion h3.accordion-title{background:#ECECEC; font-size:14px; padding:10px; border-radius:5px; position:relative; text-shadow:#FFF 0px 1px 1px;} .accordion h3.accordion-title:before{font-family: 'FontAwesome'; content: "\f138"; padding-left:3px; font-size:13px; font-weight:400; margin-right:10px;} .accordion h3.open:before{content:"\f13a";} /* ______________________ Modal ______________________ */ .modal-overlay { background:rgba(0,0,0,0.7); position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; } .modal-wrap { position:absolute; top:0; left:0; right:0; padding:10% 3%; box-sizing:border-box; z-index:9999; } .modal-wrap .loading { color:#FFF; font-size:4em; } .modal-wrap .blockcontainer { background:#FFF; padding:10px; } .modal-wrap a.modal-close{background:#FFF; color:#259AAB; width:40px; height:40px; line-height:40px; font-size:30px; display:block; position:absolute; top:-20px; right:10px; z-index:99999; border-radius:50%; box-shadow:rgba(0,0,0,0.25) 0px 2px 3px;} .modal-wrap a.modal-close span.fa{line-height:40px; font-size:35px;} .modal-wrap a.modal-close:hover{color:#425785;} .modal-wrap .boundingbox{max-width:1180px; margin:0px auto; background:#FFF; border-radius:10px; padding-top:20px;} .modal-wrap .boundingbox ul{list-style:none; padding-left:35px;} .modal-wrap .boundingbox ul li{display:block; position:relative;} .modal-wrap .boundingbox ul li:before{font-family: 'FontAwesome'; content: '\f0a9'; margin:0px; font-weight:400; position:absolute; top:1px; left:-20px; color:#00659E;} /* ______________________ Twitter Overlay ______________________ */ div.timeline-Tweet--isRetweet { display: none !important; } .flex-direction-nav a { opacity:1 !important; padding-top: 17px; text-align:center !important; cursor:pointer; margin:-30px 0 !important; } .upw-content p { margin:0; font-size:14px; line-height:20px; font-weight:600; } iframe .rotor-group{display:none !important;} /* POPUP */ .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 9998; } .popup-content { background-color: #38B6FF; border-radius: 5px; width:720px; position: relative; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); color:white; background-image: url('https://highseasalliance.org/treaty-ratification/wp-content/themes/treatyratification/images/tentacle/octopus-race.png'); background-size:300px; background-position:25px ; background-repeat:no-repeat; } .popup-content .pcontent { width:420px; height:100%; padding: 20px; box-sizing:border-box; margin-left:300px; } .close-button { position: absolute; top: 10px; right: 10px; font-size: 30px; cursor: pointer; color: #FFF; } .close-button:hover { color: #ff0000; } .popup-button { padding: 10px 20px; font-size: 16px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } .popup-button:hover { background-color: #45a049; } @keyframes firework { 0% { transform: translate(var(--x), var(--initialY)); width: var(--initialSize); opacity: 1; } 50% { width: 0.5vmin; opacity: 1; } 100% { width: var(--finalSize); opacity: 0; } } /* @keyframes fireworkPseudo { 0% { transform: translate(-50%, -50%); width: var(--initialSize); opacity: 1; } 50% { width: 0.5vmin; opacity: 1; } 100% { width: var(--finalSize); opacity: 0; } } */ .firework, .firework::before, .firework::after { --initialSize: 0.6vmin; --finalSize: 65vmin; --particleSize: 0.4vmin; --color1: yellow; --color2: khaki; --color3: white; --color4: lime; --color5: gold; --color6: mediumseagreen; --y: -30vmin; --x: -50%; --initialY: 60vmin; content: ""; animation: firework 2s infinite; position: absolute; z-index:9999; top: 50%; left: 50%; transform: translate(-50%, var(--y)); width: var(--initialSize); aspect-ratio: 1; background: /* radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 0%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 0%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 100%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 100%, */ radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%, /* bottom right */ radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%, /* bottom left */ radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%, radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%, /* top left */ radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%, radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%, /* top right */ radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42% ; background-size: var(--initialSize) var(--initialSize); background-repeat: no-repeat; } .firework::before { --x: -50%; --y: -50%; --initialY: -50%; /* transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */ transform: translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg); /* animation: fireworkPseudo 2s infinite; */ } .firework::after { --x: -50%; --y: -50%; --initialY: -50%; /* transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */ transform: translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); /* animation: fireworkPseudo 2s infinite; */ } .firework:nth-child(2) { --x: 30vmin; } .firework:nth-child(2), .firework:nth-child(2)::before, .firework:nth-child(2)::after { --color1: pink; --color2: violet; --color3: fuchsia; --color4: orchid; --color5: plum; --color6: lavender; --finalSize: 40vmin; left: 30%; top: 60%; animation-delay: -0.25s; } .firework:nth-child(3) { --x: -30vmin; --y: -50vmin; } .firework:nth-child(3), .firework:nth-child(3)::before, .firework:nth-child(3)::after { --color1: cyan; --color2: lightcyan; --color3: lightblue; --color4: PaleTurquoise; --color5: SkyBlue; --color6: lavender; --finalSize: 35vmin; left: 70%; top: 60%; animation-delay: -0.4s; }