body { background:#fff; color:#000; font-size:14px; font-family: 'Roboto Slab', serif; line-height:1.5;} .container { margin:0 auto; width:980px;} a { text-decoration:none; color:#000;} a:hover { text-decoration:underline;} p { margin:0 0 1em 0;} strong { font-weight:bold;} em { font-style:italic; } img { display:block;} ul {} ul li {} .content { position:relative; } h1 {} h1.title { font-size:24px; color:#1ab8da; line-height:1.1; border-bottom:5px solid #1ab8da; margin:0 0 25px 0; padding:0 0 5px 0;} .node-type-port h1 { border:none; margin:0 0 10px 0; padding:0;} .node-type-article h1 { border:none; margin:0; padding:0;} .page-taxonomy-term h1 { position:relative; text-align:right;} .page-taxonomy-term h1:before {content:'Tag Results'; position:absolute; left:0;} .page-taxonomy-term h1 span { background:#84bf88; color:#fff; padding:0 20px;} .page-page404 h1 { font-size:18px; color:#84bf88; border-bottom:1px dashed #bababa;} .page-videos h1 { color:#84bf88; border-bottom-color:#84bf88; margin:0 0 5px 0;} h2 { font-size:24px; color:#1ab8da; line-height:1.1; font-weight:700;} h2.subtitle { font-size:21px; font-weight:400; margin-top:10px;} h3 { font-size:18px; color:#1ab8da; line-height:1.1; font-weight:700;} h3 a {color:#1ab8da;} #header { background:#f1f1f1; padding:40px 0 10px 0;} #nav { background:#f5f5f5;} #main { background:#f1f1f1; padding:0 0 40px 0;} #main .container { background:url(../images/main.png) 0 0 repeat-y;} .page-page404 #main .container { background:#f8f8f8;} #footer { background:#fff; padding:25px 0 20px 0;} #content { background:#f8f8f8; padding:20px 25px 60px 25px; width:930px} .sidebar-first #content { width:580px; float:left;} .front #content { padding:0; width:630px;} .page-page404 #content { background:url(../images/icon_page_404t.png) 150px 380px no-repeat; padding:400px 60px 400px 360px; width:510px;} #sidebar-first { background:#fff; padding:35px 25px; width:300px; float:left;} #header #logo { display:block; float:left;} #logo img{float: left;} .twenty-years{margin: 15px 0 0 30px;display:none;} #header .tools { float:right; padding:40px 0 0 0;} #header .tools .social { float:left;} #header .tools .social li { float:left; position:relative; padding:8px 15px;} #header .tools .social li:after { content:''; position:absolute; right:-1px; top:50%; height:36px; width:1px; background:#84bf88; margin:-18px 0 0 0;} #header .tools .social li:last-child:after { display:none;} #header .tools .social li a { display:block; overflow:hidden; text-indent:-20000px; width:20px; height:20px; background:url(../images/sprite.png) 0 0 no-repeat;} #header .tools .social li a.fb { background-position:-40px 0;} #header .tools .social li a.tw { background-position:-20px 0;} #header .tools .social li a.li { background-position:0 0;} #header .tools .social li a.fb:hover { background-position:-40px -20px;} #header .tools .social li a.tw:hover { background-position:-20px -20px;} #header .tools .social li a.li:hover { background-position:0 -20px;} #header .tools .search { float:left;} #header .tools .search .form-text { border:1px solid #9fa0a2; padding:0; background:#f1f1f1; width:208px; padding:0 10px; height:33px; float:left;} #header .tools .search .form-text:focus { background:#fff;} #header .tools .search .form-submit { width:35px; height:35px; font-size:0; background:url(../images/sprite.png) 0 -40px no-repeat #9fa0a2; float:left; border:0; cursor:pointer;} #nav { position:relative; z-index:100;} #nav ul.main-menu { margin:0; padding:0; list-style:none;} #nav ul.main-menu > li { margin:0 1px 0 0; padding:0; list-style:none; position:relative; float:left;} #nav ul.main-menu > li > a, #nav ul.main-menu > li > span { display:block; height:35px; line-height:35px; padding:20px 29px; font-size:16px; color:#86878a; position:relative;} #nav ul.main-menu > li > a:hover, #nav ul.main-menu > li > span:hover, #nav ul.main-menu > li:hover > a, #nav ul.main-menu > li:hover > span, #nav ul.main-menu > li.active-trail > a, #nav ul.main-menu > li.active-trail > span { background:#fec232; color:#000; text-decoration:none;} #nav ul.main-menu > li > a:after, #nav ul.main-menu > li > span:after { content:''; position:absolute; right:-1px; top:50%; height:35px; width:1px; background:#fff; margin:-17px 0 0 0;} #nav ul.main-menu > li.last > a:after, #nav ul.main-menu > li.last > span:after { display:none;} #nav ul.main-menu > li.last > a:after { display:none;} #nav ul.main-menu > li.expanded > a > span, #nav ul.main-menu > li.expanded > span > span{ position:relative;} #nav ul.main-menu > li.expanded > a > span:after, #nav ul.main-menu > li.expanded > span > span:after { content:''; position:absolute; right:-15px; top:50%; margin:-2px 0 0 0; border-width:4px 4px 0 4px; border-style:solid; border-color: #86878a transparent transparent transparent;} #nav ul.main-menu > li.expanded > a:hover > span:after, #nav ul.main-menu > li.expanded:hover > a > span:after, #nav ul.main-menu > li.expanded:hover > span > span:after, #nav ul.main-menu > li.expanded.active-trail > a > span:after, #nav ul.main-menu > li.expanded.active-trail > span > span:after { border-color: #000 transparent transparent transparent;} #nav ul.main-menu > li > ul { opacity:0; visibility:hidden; position:absolute; top:100%; left:0; width:230px; z-index:100;} #nav ul.main-menu > li.cruising > ul { width:310px;} #nav ul.main-menu > li:hover > ul { opacity:1; visibility:visible;} #nav ul.main-menu > li > ul > li { border-bottom:1px solid #f7dc8f;} #nav ul.main-menu > li > ul > li.last { border:none;} #nav ul.main-menu > li > ul > li > a { display:block; padding:8px 35px; /*height:35px;*/ line-height:19px; color:#000; font-size:16px; background:#fec232; background:rgba(254,194,50,.9)} #map { border-bottom:5px solid #84bf88; background:#f8f8f8;} #content .search-form { display:none; } #content-header {} #content-header .date { font-size:12px; color:#000000; padding:0 0 1em 0;} #content-header .cover { margin:-20px 0 10px -25px;} #content-header .secondary { margin:0 0 20px 0;} #content-header .secondary ul.tabs { border-bottom:5px solid #1ab8da; margin:0; padding:0;} #content-header .secondary ul.tabs li { float:left; margin:0 4px 0 0; padding:0; width:142px;} #content-header .secondary ul.tabs.tabs-2 li { width:288px;} #content-header .secondary ul.tabs.tabs-3 li { width:191px; margin:0 3px 0 0;} #content-header .secondary ul.tabs.tabs-4 li { width:142px;} #content-header .secondary ul.tabs li.last { margin:0;} #content-header .secondary ul.tabs li a { height:40px; font-size:15px; color:#86878a; background:#e2edf3; display:block; text-align:center; line-height:1;} #content-header .secondary ul.tabs li a.active, #content-header .secondary ul.tabs li a:hover { color:#fff; background:#1ab8da; text-decoration:none;} #content-header .secondary ul.tabs li a span { display:block;} #footer {} #footer .footer-top { padding:0 25px;} #footer .footer-bot { padding:0 25px;} #footer .footer-menu { width:625px; float:left;} #footer .footer-menu ul.menu-footer { margin:0; padding:0; list-style:none;} #footer .footer-menu ul.menu-footer > li { float:left; width:190px; padding:0 10px 0 0; margin:0 0 20px 0; list-style:none;} #footer .footer-menu ul.menu-footer > li:nth-child(3n+1) { clear:left;} #footer .footer-menu ul.menu-footer > li > a { font-weight:700;} #footer .footer-menu ul.menu-footer > li > span { font-weight:700;} #footer .footer-menu ul.menu-footer > li > ul { padding:5px 0 0 0;} #footer .footer-menu ul.menu-footer > li > ul > li {} #footer .footer-menu ul.menu-footer > li > ul > li > a { font-size:12px;} #footer .tools { float:right;} #footer .tools h4 { color:#000; float:left; line-height:36px; font-size:14px; font-weight:700;} #footer .tools .social { float:left;} #footer .tools .social li { float:left; position:relative; padding:8px 15px;} #footer .tools .social li:after { content:''; position:absolute; right:-1px; top:50%; height:36px; width:1px; background:#84bf88; margin:-18px 0 0 0;} #footer .tools .social li:last-child:after { display:none;} #footer .tools .social li a { display:block; overflow:hidden; text-indent:-20000px; width:20px; height:20px; background:url(../images/sprite.png) 0 0 no-repeat;} #footer .tools .social li a.fb { background-position:-40px -20px;} #footer .tools .social li a.tw { background-position:-20px -20px;} #footer .tools .social li a.li { background-position:0 -20px;} #footer .tools .social li a.fb:hover { background-position:-40px 0;} #footer .tools .social li a.tw:hover { background-position:-20px 0;} #footer .tools .social li a.li:hover { background-position:0 0;} #footer .copywrite { width:625px; float:left; font-size:12px;} #footer .madeby { float:right;} #footer .madeby a { display:block; width:95px; height:20px; background:url(../images/sprite.png) 0 -90px no-repeat; overflow:hidden; text-indent:-20000px;} #newsletter { background:#84bf88; height:50px; line-height:50px; border-bottom:4px solid #bad8bc;} #newsletter .wrapper { padding:0 25px;} #newsletter h3 { font-size:16px; color:#fff; margin:0; float:left; line-height:50px;} #newsletter .newsletter { float: right; padding: 10px 0; width: 650px;} #newsletter .newsletter form{float: right;} #newsletter .newsletter label { display:none;} #newsletter .newsletter .form-item, #newsletter .newsletter .form-actions { margin:0; float:left;} #newsletter .newsletter .form-text { height:28px; background:#fff; float:right; padding:0 20px; width:230px; border:none; border:1px solid #fff;} #newsletter .newsletter .form-text.error { border:1px solid #ed541d} #newsletter .newsletter .form-text:focus { background:#f1f1f1;} #newsletter .newsletter .form-submit { float:left; width:50px; height:30px; background:#86878a; color:#fff; border:none; font-size:14px; font-weight:700; text-align:center; cursor:pointer;} #newsletter .newsletter .form-submit:hover { color:#000; background:#fec232;} #newsletter .newsletter .messages { float: left; display: inline-block; margin: 0; padding-top: 0; padding-bottom: 0; background: rgba(0, 0, 0, 0)!important; margin-top: -9px; margin-left: 90px; } .newsletter .ajax-progress { display: inline-block; position: absolute; width: 250px; } .newsletter .ajax-progress .message{padding-left: 21px; float: left; position: absolute; top: -9px;} .newsletter .ajax-progress .throbber{ float: left; position: absolute; top: 5px; left: 3px; } #wmap-canvas { width:980px; height:350px;} .block {} .block .block-title { padding:0 0 5px 0; margin:0 0 15px 0; border-bottom:2px solid #86878a; font-size:18px;} .sidebar .block { margin:0 0 20px 0;} .block.block-home_banner { padding:15px;} .block.block-home_banner img{ width:100%; height:auto; } .block.block-home_banner:last-child { padding-top:0; } #block-wblocks-wblocks_ports {} #block-wblocks-wblocks_ports .form-select { position:relative;} #block-wblocks-wblocks_ports .form-select:before { content:''; width:40px; height:30px; position:absolute; right:1px; top:1px; background:#fec232; pointer-events:none; border-left:1px solid #86878a;} #block-wblocks-wblocks_ports .form-select:after { content:''; position:absolute; right:17px; top:50%; margin:-2px 0 0 0; border-width:4px 4px 0 4px; border-style:solid; border-color: #000 transparent transparent transparent;} #block-wblocks-wblocks_ports .form-select select { height:32px; border:1px solid #86878a; width:100%; cursor:pointer; padding:0 0 0 20px; font-size:12px;} #block-wblocks-wblocks_ports_information {} #block-wblocks-wblocks_ports_information .image { width:45px; padding:10px; border-radius:65px; border:1px solid #fec232;} #block-wblocks-wblocks_ports_information .image img { border-radius:45px;} #block-wblocks-wblocks_ports_information .text { font-size:12px; line-height:1.2; text-align:left;} #block-wblocks-wblocks_ports_information .text h4 { font-size:12px; color:#1ab8da; font-weight:normal;} #block-wblocks-wblocks_sidebar_events {} #block-wblocks-wblocks_sidebar_events h2 { font-size:18px; color:#fec232; border:none; padding:0;} #block-wblocks-wblocks_ports_distance {} #block-wblocks-wblocks_ports_distance .form-select { position:relative; margin:0 0 10px 0;} #block-wblocks-wblocks_ports_distance .form-select:before { content:''; width:40px; height:30px; position:absolute; right:1px; top:1px; background:#fec232; pointer-events:none; border-left:1px solid #86878a;} #block-wblocks-wblocks_ports_distance .form-select:after { content:''; position:absolute; right:17px; top:50%; margin:-2px 0 0 0; border-width:4px 4px 0 4px; border-style:solid; border-color: #000 transparent transparent transparent;} #block-wblocks-wblocks_ports_distance .form-select select { height:32px; border:1px solid #86878a; width:100%; cursor:pointer; padding:0 0 0 20px; font-size:12px;} #block-wblocks-wblocks_ports_distance .form-distance{ font-size:18px; background:#f1f1f1; color:#1ab8da; padding:20px 20px 20px 80px; position:relative; border:1px solid #86878a;} #block-wblocks-wblocks_ports_distance .form-distance:after { content:''; position:absolute; top:50%; left:15px; width:45px; height:45px; background:url(../images/sprite.png) -100px -90px no-repeat; margin-top:-22px;} #block-wblocks-wblocks_ports_distance .form-port { border:1px solid #86878a; border-bottom:none; background:#1ab8da; padding:15px 20px; font-size:18px; color:#fff; line-height:1.1;} #block-wblocks-wblocks_ports_distance table { border:1px solid #1ab8da; width:300px; table-layout:fixed;} #block-wblocks-wblocks_ports_distance table tr td { border:1px solid #1ab8da; /*padding:20px;*/ font-size:12px; line-height:1; vertical-align:middle;} #block-wblocks-wblocks_ports_distance table tr td .icon { position:relative;} #block-wblocks-wblocks_ports_distance table tr td .icon:before { content:''; width:30px; height:30px; position:absolute; left:-40px; top:50%; margin-top:-15px;} #block-wblocks-wblocks_ports_distance table tr td.cel-1 { width:90px; padding:20px 20px 20px 50px;} #block-wblocks-wblocks_ports_distance table tr td.cel-2 { width:116px; padding:20px 10px; background:#e2edf3;} #block-wblocks-wblocks_ports_distance table tr td.cel-2 input[type=text] { width:40px; border:1px solid #1AB8DA; background:#FFFFFF; padding:3px 7px; box-sizing:border-box;} /*#block-wblocks-wblocks_ports_distance table tr td.cel-3 { width:46px;}*/ #block-wblocks-wblocks_ports_distance table tr td .icon.icon-speed:before { background:url(../images/sprite.png) 0 -135px no-repeat;} #block-wblocks-wblocks_ports_distance table tr td .icon.icon-distance:before { background:url(../images/sprite.png) -30px -135px no-repeat;} #block-wblocks-wblocks_ports_distance table tr td .icon.icon-trip:before { background:url(../images/sprite.png) -60px -135px no-repeat;} .view {} .view .view-pager { height:33px; background:#fbdc95; padding:0 5px;} .view .view-pager ul.pager { float:right; margin:0; padding:0;} .view .view-pager ul.pager li { float:left; margin:0; padding:0;} .view .view-pager ul.pager li a { font-size:12px; display:block; line-height:33px; padding:0 2px;} .view .view-pager ul.pager li.pager-first, .view .view-pager ul.pager li.pager-last { display:none;} .view .view-pager ul.pager li.pager-current { font-size:12px; font-weight:700; text-decoration:underline; line-height:33px; padding:0 2px;} .view .view-pager ul.pager li.pager-previous { padding:0 5px 0 0;} .view .view-pager ul.pager li.pager-next { padding:0 0 0 5px;} .view .view-pager ul.pager li.pager-previous a, .view .view-pager ul.pager li.pager-next a { height:0; width:0; margin:12px 0 0 0; overflow:hidden; text-indent:-20000px;} .view .view-pager ul.pager li.pager-previous a {border-width:4px 8px 4px 0; border-color: transparent #000 transparent transparent; border-style:solid;} .view .view-pager ul.pager li.pager-next a {border-width:4px 0 4px 8px; border-color: transparent transparent transparent #000; border-style:solid; } .view .view-morelink { text-align:right; margin:30px 0 0 0; padding:0 15px;} .view .view-morelink a { position:relative; padding:0 20px 0 0; font-size:12px;} .view .view-morelink a:after { content:''; position:absolute; right:0; top:50%; border-width:4px 0 4px 8px; border-color: transparent transparent transparent #000; border-style:solid; margin:-4px 0 0 0;} .view.view-display-id-page_news {} .view.view-display-id-page_news .views-row { padding:0 0 25px 0; margin:0 0 25px 0; border-bottom:1px dashed #bababa;} .view.view-display-id-page_members {} .view.view-display-id-page_members .views-row { padding:0 0 25px 0; margin:0 0 25px 0; border-bottom:1px dashed #bababa;} .view.view-display-id-page_events {} .view.view-display-id-page_events .views-row { padding:0 0 25px 0; margin:0 0 25px 0; border-bottom:1px dashed #bababa;} .view.view-taxonomy-term {} .view.view-taxonomy-term .views-row { padding:0 0 25px 0; margin:0 0 25px 0; border-bottom:1px dashed #bababa;} .view.view-search {} .view.view-search .views-row { padding:0 0 25px 0; margin:0 0 25px 0; border-bottom:1px dashed #bababa;} .view.view-display-id-directors {} .view.view-display-id-directors .views-row { padding:0 0 25px 0; margin:0 0 25px 0; border-bottom:1px dashed #bababa;} .view.view-display-id-secretariat {} .view.view-display-id-secretariat .views-row { padding:0 0 25px 0; margin:0 0 25px 0; border-bottom:1px dashed #bababa;} .view.view-display-id-secretariat .view-footer {} .view.view-display-id-secretariat .view-footer .image img { display:inline-block; padding:15px; border:1px solid #fdcd5a;} .view.view-display-id-secretariat .view-footer .description {} .view.view-display-id-secretariat { padding:15px 0; border-top:1px dashed #bababa; overflow:hidden;} .view.view-display-id-secretariat ul { float:right; margin-top:20px;} .view.view-display-id-secretariat ul li { float:left; margin:0 0 0 10px;} .view.view-display-id-secretariat ul li a { border:1px solid #fdc745; width:60px; height:60px; border-radius:60px; display:block; overflow:hidden; text-indent:-20000px;} .view.view-display-id-secretariat ul li a:hover { border-color:#84bf88;} .view.view-display-id-secretariat ul li a span { display:block; width:20px; height:20px; margin:20px;} .view.view-display-id-secretariat ul li a.fb span { background:url(../images/sprite.png) -40px 0 no-repeat;} .view.view-display-id-secretariat ul li a.tw span { background:url(../images/sprite.png) -20px 0 no-repeat;} .view.view-display-id-secretariat ul li a.pt span { background:url(../images/sprite.png) -35px -40px no-repeat; width:25px; height:25px; margin:17px;} .view.view-display-id-secretariat ul li a.mt span { background:url(../images/sprite.png) -35px -65px no-repeat; width:25px; height:25px; margin:17px;} .view.view-display-id-port_members {} .view.view-display-id-port_members .view-content ul {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; list-style:outside disc; -webkit-column-rule: 1px solid #fff; -moz-column-rule: 1px solid #fff; column-rule: 1px solid #fff;} .view.view-display-id-associate_members .view-content ul { list-style:disc; } .view.view-display-id-port_members .view-content ul li { color:#86878a; font-size:8px; margin:0 0 5px 12px;} .view.view-display-id-associate_members .view-content ul li { color:#86878a; margin:0 0 5px 22px;} .view.view-display-id-port_members .view-content ul li a, .view.view-display-id-associate_members .view-content ul li a { color:#86878a; font-size:16px;} .view.view-display-id-port_members .view-content ul li a:hover, .view.view-display-id-associate_members .view-content ul li a:hover { color:#1ab8da;} .view.view-display-id-associate_members {} .view.view-display-id-newsletters_list {} .view.view-display-id-newsletters_list .views-row { margin:0 0 10px 0;} .view.view-display-id-newsletters_list .views-field-title { border:2px solid #fec232; background:#fec232; padding:0 0 0 22px; height:22px; position:relative;} .view.view-display-id-newsletters_list .views-field-title:after { content:''; position:absolute; left:0; top:0; width:22px; height:22px; background:url(../images/sprite.png) -123px -48px no-repeat;} .view.view-display-id-newsletters_list .views-field-title a { font-size:14px; display:block; background:#fff; line-height:22px; padding:0 10px;} .view.view-display-id-newsletters_list .views-field-title a:hover { text-decoration:none; background:#fec232} .view.view-display-id-home_news {} .view.view-display-id-home_news .views-row { margin:0;} .view.view-display-id-home_news .views-field-field-coverimage { width:140px; padding:13px; border-radius:166px; border:1px solid #fec232; margin:0 0 20px 0} .view.view-display-id-home_news .views-field-field-coverimage img { border-radius:140px;} .view.view-display-id-home_news .views-field-created { font-size:12px; font-weight:700; color:#1ab8da; text-align:center;} .view.view-display-id-home_news .views-field-title { text-align:center;} .view.view-display-id-home_news .views-field-title a { font-size:16px; display:block; line-height:1.2;} .view.view-display-id-home_members {} .view.view-display-id-home_members .views-row { margin:0;} .view.view-display-id-home_members .views-field-field-coverimage { width:140px; padding:13px; border-radius:166px; border:1px solid #fec232; margin:0 0 20px 0} .view.view-display-id-home_members .views-field-field-coverimage img { border-radius:140px;} .view.view-display-id-home_members .views-field-created { font-size:12px; font-weight:700; color:#1ab8da; text-align:center;} .view.view-display-id-home_members .views-field-title { text-align:center;} .view.view-display-id-home_members .views-field-title a { font-size:16px; display:block; line-height:1.2;} .view.view-display-id-home_events {} .view.view-display-id-home_events .views-row { margin:0;} .view.view-display-id-home_events .views-field-field-coverimage { width:140px; padding:13px; border-radius:166px; border:1px solid #fec232; margin:0 0 20px 0} .view.view-display-id-home_events .views-field-field-coverimage img { border-radius:140px;} .view.view-display-id-home_events .views-field-created { font-size:12px; font-weight:700; color:#1ab8da; text-align:center;} .view.view-display-id-home_events .views-field-title { text-align:center;} .view.view-display-id-home_events .views-field-title a { font-size:16px; display:block; line-height:1.2; font-weight:700;} .view.view-display-id-home_events .views-field-field-date { font-size:16px; text-align:center;} .view.view-display-id-sidebar_events {} .view.view-display-id-sidebar_events .views-row { margin:0 0 3px 0; background:#fec232; padding:30px 20px;} .view.view-display-id-sidebar_events .views-row-last { margin:0;} .view.view-display-id-sidebar_events .views-field-field-date { text-align:right; color:#fff; font-weight:bold; font-size:16px;} .view.view-display-id-sidebar_events .views-field-title { } .view.view-display-id-sidebar_events .views-field-title a { font-size:20px; display:block; text-align:right; line-height:1.1} .view.view-display-id-sidebar_events .view-morelink { margin:0; padding:0 15px; background:#f1f1f1; border-bottom:1px solid #86878a;} .view.view-display-id-related_articles .view-content {margin: 0 0 0 -30px; overflow: hidden;} .view.view-display-id-related_articles .views-row {float: left; margin: 0 0 0 30px; width: 173px;} .view.view-display-id-related_articles .views-field-title a { font-size:14px; color:#000; font-weight:400; line-height:1.5;} .view.view-display-id-related_articles .views-field-field-coverimage { margin:0 0 10px 0} .view.view-display-id-related_articles .views-field-field-coverimage a { display: inline-block;} .view.view-display-id-related_articles .views-field-field-coverimage img { padding:7px; display:inline-block; border:1px solid #fdcd5a;} .view.view-display-id-videos_page {} .view.view-display-id-videos_page .view-content {} .view.view-display-id-videos_page .view-content table { width:100%; table-layout:fixed;} .view.view-display-id-videos_page .view-content table tr {} .view.view-display-id-videos_page .view-content table tr td { border-bottom:1px dashed #bababa; padding:20px 0;} .view.view-display-id-videos_page .view-pager { margin:20px 0 0 0;} .view.view-display-id-videos_home { background:#84bf88; padding:0 0 10px 0;} .view.view-display-id-videos_home .view-content {} .view.view-display-id-videos_home .view-content ul, .view.view-display-id-videos_home .view-content ul li { margin:0; padding:0;} .view.view-display-id-videos_home .views-field-title { padding:10px 110px 10px 25px; font-size:24px; color:#fff;} .view.view-display-id-videos_home .view-morelink { padding:0 25px; margin:0;} .view.view-display-id-videos_home .view-morelink .more-link { text-align:left;} .view.view-display-id-videos_home .view-morelink a { color:#fff;} .view.view-display-id-videos_home .view-morelink a:after { border-color:transparent transparent transparent #fff;} .view.view-display-id-videos_sidebar { background:#84bf88; padding:0 0 10px 0;} .view.view-display-id-videos_sidebar .view-content {} .view.view-display-id-videos_sidebar .view-content ul, .view.view-display-id-videos_sidebar .view-content ul li { margin:0; padding:0;} .view.view-display-id-videos_sidebar .views-field-title { padding:10px 25px; font-size:28px; color:#fff; line-height:1.1;} .view.view-display-id-videos_sidebar .view-morelink { padding:0 25px; margin:0;} .view.view-display-id-videos_sidebar .view-morelink .more-link { text-align:left; border-bottom:2px solid #fff; padding:0 0 5px 0;} .view.view-display-id-videos_sidebar .view-morelink a { color:#fff;} .view.view-display-id-videos_sidebar .view-morelink a:after { border-color:transparent transparent transparent #fff;} /*.view.view-display-id-videos_page .views-row { float:left; width:290px; margin:0 0 20px 0;} .view.view-display-id-videos_page .views-row:nth-child(2n+1) { clear:left*/;} .node {} .node .field {} .node .field h2.field-title { border-bottom:5px solid #1ab8da; padding:0 0 5px 0; margin:0 0 10px 0;} .node .field h3 { margin:0 0 .5em 0;} .node .field ul.tabs { border-bottom:5px solid #1ab8da; margin:0 0 20px 0; padding:0; list-style-type: none;} .node .field ul.tabs li { float:left; margin:0 4px 0 0; padding:0; width:142px;} .node .field ul.tabs li a { height:40px; font-size:16px; color:#86878a; background:#e2edf3; display:block; text-align:center; line-height:1;} .node .field ul.tabs li a.active, .node .field ul.tabs li a:hover { color:#fff; background:#1ab8da; text-decoration:none;} .node .field ul.tabs li a span { display:block;} /**/ .news-new-title-wrapper { margin:0 0 0 0; padding:0;} .news-new-title-wrapper a { height:50px; font-size:18px; color:#fff; background:#1ab8da; display:block; padding: 0 0 0 30px; line-height:1;} .news-new-title-wrapper a.active, .news-new-title-wrapper a:hover { text-decoration:none;} .news-new-title-wrapper a span { display:block;} #home-news, #home-members { padding: 70px 0 10px 0; margin-bottom: 20px; border-bottom:2px solid #86878a;} /**/ .node .field ul.tabs.tabs-3 li { margin:0 5px 0 0; width:190px;} .node .field ul.tabs.tabs-4 li { margin:0 4px 0 0; width:142px;} .node .field ul.tabs.tabs-3 li.last, .node .field ul.tabs.tabs-4 li.last { margin:0;} .node .field ul.tabs.tabs-home li { margin:0 0 0 0; width:50%;} .node .field ul.tabs.tabs-inner { border:none; margin:-25px 0 20px 0; padding:0; background:#1ab8da;} .node .field ul.tabs.tabs-inner li {margin:0; width:auto;} .node .field ul.tabs.tabs-inner li a { height:35px; font-size:12px; color:#000; padding:0 14px; background:none;} .node .field ul.tabs.tabs-inner li a.active, .node .field ul.tabs.tabs-inner li a:hover { color:#fff; background:none;} .node .field table { border:1px solid #fec232 !important; width:100% !important; /*margin:0 0 1em 0*/ margin:0 auto !important;} .node .field table tr td { border-bottom:1px solid #ededed; padding:3px 20px; line-height:1.1; } .node .field table tr:last-child td { border-color:#fec232;} .node .field table tr th { padding:5px 20px; font-size:14px; font-weight:bold; background:#fec232;} .node .field table.naked { border:none !important;} .node .field table.naked tr {} .node .field table.naked tr td { border-bottom:1px solid #ededed; padding:3px 5px; line-height:1.1; vertical-align:bottom;} .node .field table.links { border:none;} .node .field table.links {} .node .field table.links tr td { border:none; padding:3px 5px; line-height:1.1; vertical-align:top;} .node .field table.links ul li { margin:0 0 3px 0;} .node .field table.links ul li a { font-size:16px; color:#86878a;} .node .field table.empty { border:none !important;} .node .field table.empty tr td { border:none !important; vertical-align:middle; } .node .field-name-body ul { list-style:disc; margin-left:20px; } .node .field-name-body img { margin:10px auto;} .node .field-name-field-coverimage {} .node .field-name-field-coverimage a { display:inline-block;} .node .field-name-field-coverimage img { display:inline-block; padding:15px; border:1px solid #fdcd5a;} .node .field-name-wmisc-node-share { padding:15px 0; border-top:1px dashed #bababa; overflow:hidden;} .node .field-name-wmisc-node-share ul { float:right; list-style:none;} .node .field-name-wmisc-node-share ul li { float:left; margin:0 0 0 10px;} .node .field-name-wmisc-node-share ul li a { border:1px solid #fdc745; width:60px; height:60px; border-radius:60px; display:block; overflow:hidden; text-indent:-20000px;} .node .field-name-wmisc-node-share ul li a:hover { border-color:#84bf88;} .node .field-name-wmisc-node-share ul li a span { display:block; width:20px; height:20px; margin:20px;} .node .field-name-wmisc-node-share ul li a.fb span { background:url(../images/sprite.png) -40px 0 no-repeat;} .node .field-name-wmisc-node-share ul li a.tw span { background:url(../images/sprite.png) -20px 0 no-repeat;} .node .field-name-wmisc-node-share ul li a.pt span { background:url(../images/sprite.png) -35px -40px no-repeat; width:25px; height:25px; margin:17px;} .node .field-name-wmisc-node-share ul li a.mt span { background:url(../images/sprite.png) -35px -65px no-repeat; width:25px; height:25px; margin:17px;} .node .field-name-field-tags {} .node .field-name-field-tags .field-items { overflow:hidden;} .node .field-name-field-tags a { display:block; float:left; height:40px; line-height:40px; padding:0 15px; background:#84bf88; color:#fff; font-weight:18px; margin:0 3px 3px 0;} .node .field-name-field-tags a:hover { background:#fec232; color:#000; text-decoration:none;} .node .field-name-field-related-articles {} .node .field-name-field-related-articles > .field-items { margin:0 0 0 -30px; overflow:hidden;} .node .field-name-field-related-articles > .field-items > .field-item { margin:0 0 0 30px; float:left; width:173px;} .node .field-name-wmisc-node-gallery-slideshow { width:520px; margin:0 !important;} .node .field-name-wmisc-node-gallery-slideshow ul.slideshow-content { width:520px; height:520px;} .node .field-name-wmisc-node-gallery-slideshow ul.slideshow-pager {} .node .field-name-wmisc-node-gallery-slideshow ul.slideshow-pager li { padding:4px; border:1px solid #fec232; position:relative;} .node .field-name-wmisc-node-gallery-slideshow ul.slideshow-pager li a { display:block; position:relative;} .node .field-name-wmisc-node-gallery-slideshow ul.slideshow-pager li a span { display:block; opacity:0; visibility:hidden; background:rgba(79,79,79,.8);position:absolute; left:0; top:0; width:100%; height:100%;} .node .field-name-wmisc-node-gallery-slideshow ul.slideshow-pager li a:hover span { opacity:1; visibility:visible;} .node .field-name-wmisc-node-gallery-slideshow ul.slideshow-pager li a span:after { content:''; width:32px; height:32px; position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; background:url(../images/sprite.png) -90px -50px no-repeat;} .node .field-name-wmisc-node-gallery-slideshow .bx-wrapper { margin:0 auto 30px} .node .field-name-wmisc-node-gallery-slideshow .bx-wrapper:last-child { margin:0 auto;} .node .field-name-wmisc-node-gallery-slideshow .bx-controls {} .node .field-name-wmisc-node-gallery-slideshow .bx-wrapper .bx-controls-direction { float:none; margin:0;} .node .field-name-wmisc-node-gallery-slideshow .bx-wrapper .bx-controls-direction .bx-prev { position:absolute; left:0; top:50%; margin:-12px 0 0 -30px;} .node .field-name-wmisc-node-gallery-slideshow .bx-wrapper .bx-controls-direction .bx-next { position:absolute; right:0; top:50%; margin:-12px -30px 0 0;} .node.view-mode-full {} .node.view-mode-full .field { margin:0 0 30px 0;} .node.view-mode-full .field-name-body { margin:0 0 15px 0;} .node.view-mode-full .field-name-body blockquote { background:#fff; font-size:18px; margin:0 -25px 1em -25px; padding:80px 25px 1em 25px; position:relative;} .node.view-mode-full .field-name-body blockquote:before { content:''; position:absolute; display:block; width:55px; height:50px; left:25px; top:15px; background:url(../images/sprite.png) -90px 0 no-repeat;} .node.view-mode-full .field-name-body a {color:#1ab8da;} .node.view-mode-full .field-name-body a.readmore-toggler, .node.view-mode-full .field-name-body a.readmore-toggler.open:hover { background:#84bf88; width:290px; height:40px; line-height:40px; display:block; margin:0 auto; font-size:16px; font-weight:bold; color:#fff; text-align:center;} .node.view-mode-full .field-name-body a.readmore-toggler.open, .node.view-mode-full .field-name-body a.readmore-toggler:hover { text-decoration:none; background:#fdc745; color:#000;} .node.view-mode-full .field-name-body .readmore-content { display:none;} .node.view-mode-teaser {} /*Publications page css*/ .page-publications .node.view-mode-teaser .group-left { width:auto; padding: 0 15px 0 0; } .page-publications .node.view-mode-teaser .group-right { width: calc(100% - 165px); } .page-publications h1.title { color: #84bf88; border-bottom:5px solid #84bf88; } .page-publications .node.view-mode-teaser .field-name-title h3 a { color: #84bf88; } .node .field-name-field-coverimage img { border: 1px solid #84bf88; font-size: 20px; font-weight: bold; } .page-publications .views-row { border-bottom: 1px dashed #84bf88; margin-bottom: 30px; } .page-publications .file-icon, .page-publications .file-size { display:none; } .page-publications .file a{ float: right; margin-top: 40px; font-size: 12px; width: 75px; position: relative; } .page-publications #content .file a:after{ content: ''; position: absolute; right: 0; top: 50%; border-width: 4px 0 4px 8px; border-color: transparent transparent transparent #000; border-style: solid; margin: -4px 0 0 0; } .page-publications .node.view-mode-teaser .field-name-title h3 { font-size: 20px; color: #84bf88; } .page-publications .view .view-pager { background: #bedbc0; } /*Publicaations home page sidebar*/ #block-wblocks-wblocks_sidebar_publications .views-row { height: 75px; background: #84bf88; margin-bottom: 5px; font-size: 15px; font-weight: 500; box-sizing: border-box; padding:0px 30px 0px 18px; width: 100%; display: table; } #block-wblocks-wblocks_sidebar_publications .views-row .views-row-inner { /*display: table-cell; vertical-align: middle;*/ } #block-wblocks-wblocks_sidebar_publications .file-icon, #block-wblocks-wblocks_sidebar_publications .file-size { display: none; } #block-wblocks-wblocks_sidebar_publications .views-field-field-pdf { /*float:left;*/ display: table-cell; vertical-align: middle; } #block-wblocks-wblocks_sidebar_publications .views-field-field-pdf .file a{ text-indent: -9999px; width:19px; height: 22px; background: url('../images/publications-attachment.png') no-repeat; display:block; margin: 27px 0 0 0; } #block-wblocks-wblocks_sidebar_publications .views-field-title { /*float: left;*/ width: calc(100% - 19px ); line-height: 1; padding: 20px 0 0 12px; box-sizing: border-box; display: table-cell; vertical-align: middle; } #block-wblocks-wblocks_sidebar_publications h2 { border: none; color: #84bf88; padding: 0 0 20px 0; background: #fff; margin:0; } #block-wblocks-wblocks_sidebar_publications { background: #f1f1f1; border-bottom: 2px solid #86878a; } #block-wblocks-wblocks_sidebar_publications .view .view-morelink a{ font-weight: 500; } #block-wblocks-wblocks_sidebar_publications .view .view-morelink { padding: 0 15px 10px 15px; margin: 0; } /**/ .node.view-mode-teaser .group-left { width:205px; padding:0 15px 0 0;} .node.view-mode-teaser .group-right { width:360px; padding:0 0 21px 0; position:relative; min-height:189px;} .node.view-mode-teaser.fullwidth .group-left, .node.view-mode-teaser.fullwidth .group-right{ width:580px;} .node.view-mode-teaser .field-name-post-date { font-size:12px; margin:0 0 5px 0;} .node.view-mode-teaser .field-name-field-subtitle { font-size:18px; font-weight:700; color:#1ab8da;} .node.view-mode-teaser .field-name-title {} .node.view-mode-teaser .field-name-title h3 { font-size:18px; font-weight:400;} .node.view-mode-teaser .field-name-title h3 a { color:#1ab8da;} .node.view-mode-teaser .field-name-field-location { margin:0 0 0.5em 0;} .node.view-mode-teaser .field-name-body { font-size:14px;} .node.view-mode-teaser .field-name-body p { margin:0;} .node.view-mode-teaser .field-name-node-link { text-align:right; position:absolute; bottom:0; right:0;} .node.view-mode-teaser .field-name-node-link a { position:relative; padding:0 20px 0 0; font-size:12px;} .node.view-mode-teaser .field-name-node-link a:after { content:''; position:absolute; right:0; top:50%; border-width:4px 0 4px 8px; border-color: transparent transparent transparent #000; border-style:solid; margin:-4px 0 0 0;} .node.view-mode-teaser .field-name-field-coverimage img { padding:9px;} .node.view-mode-teaser .field-name-field-media-gallery img { padding:9px; display:inline-block; border:1px solid #fdcd5a;} .node.view-mode-teaser .field-name-wmisc-node-event-date { font-size:18px; color:#1ab8da; margin:-.5em 0 .5em 0;} .node.view-mode-teaser_plain { position:relative;} .node.view-mode-teaser_plain .field-name-field-coverimage img { padding:9px;} .node.view-mode-article_related .field-name-title h3 { font-size:14px; color:#000; font-weight:400; line-height:1.5;} .node.view-mode-article_related .field-name-title h3 a { color:#000;} .node.view-mode-article_related .field-name-field-coverimage { margin:0 0 10px 0} .node.view-mode-article_related .field-name-field-coverimage img { padding:7px;} .node.node-person.view-mode-teaser_plain .group-left, .node.node-person.view-mode-teaser .group-left { width:165px; padding:0 15px 0 0;} .node.node-person.view-mode-teaser_plain .group-right, .node.node-person.view-mode-teaser .group-right { width:400px;} .node.node-person.view-mode-teaser_plain .field-name-body { position:absolute; left:180px; bottom:0;} .node.node-webform {} .node.node-webform .form-item {} .node.node-webform .form-item label { font-size:18px; color:#666666; font-weight:normal;} .node.node-webform .form-item .form-text { background:#fff; border:none; padding:0 25px; height:28px; width:530px; font-family: 'Roboto Slab', serif;} .node.node-webform .form-item .form-textarea {background:#fff; border:none; padding:15px 25px; height:180px; width:580px; resize:none; font-family: 'Roboto Slab', serif;} .node.node-webform .form-actions {} .node.node-webform .form-actions .form-submit { width:160px; text-align:center; background:#fec232; border:none; cursor:pointer; color:#fff; font-size:18px; height:34px; float:right;} .node.node-webform .form-actions .form-submit:hover { background:#84bf88;} .node.node-document .field-name-wmisc-node-document-files h3 {margin:5px 0; border:2px solid #84bf88; background:#84bf88; padding:0 0 0 38px; height:38px; position:relative; color:#000; cursor:pointer;} .node.node-document .field-name-wmisc-node-document-files h3 span { font-size:14px; display:block; background:#fff; line-height:38px; padding:0 10px;} .node.node-document .field-name-wmisc-node-document-files h3:after { content: ''; position: absolute; height: 4px; border-width: 4px; margin-top: -4px; border-color: #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); z-index: 100; border-style: solid; width: 0px; left: 12px; top: 50%; margin-left: 1px; margin-top: 0; } .node.node-document .field-name-wmisc-node-document-files h3.open:after { border-width: 0 4px 4px 4px;border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF rgba(0, 0, 0, 0); margin-top:-4px; } .node.node-document .field-name-wmisc-node-document-files ul { margin:0; padding:0;} .node.node-document .field-name-wmisc-node-document-files ul li { margin:0 0 5px 0; border:2px solid #84bf88; background:#84bf88; padding:0 0 0 38px; height:38px; position:relative;} .node.node-document .field-name-wmisc-node-document-files ul li:after { content:''; position:absolute; left:8px; top:8px; width:22px; height:22px; background:url(../images/sprite.png) -123px -48px no-repeat;} .node.node-document .field-name-wmisc-node-document-files ul li.last { margin:0;} .node.node-document .field-name-wmisc-node-document-files ul li a { font-size:14px; font-weight:700; display:block; background:#fff; line-height:38px; padding:0 10px;} .node.node-document .field-name-wmisc-node-document-files ul li a:hover { text-decoration:none; background:#84bf88; color:#fff;} .node.node-document .field-name-wmisc-node-document-files .documents_list ul { padding:0 0 0 38px; margin:0 0 5px 0;} .node.node-home .field .bx-wrapper .bx-controls-direction { float:none; margin:0;} .node.node-home .field .bx-wrapper .bx-controls-direction .bx-prev { position:absolute; left:0; top:50%; margin:-12px 0 0 -30px;} .node.node-home .field .bx-wrapper .bx-controls-direction .bx-next { position:absolute; right:0; top:50%; margin:-12px -30px 0 0;} .node.node-home .field-tabs { padding:0 0 10px 0; /*border-bottom:1px solid #86878a;*/ margin:0 0 20px 0;} .node.node-video {} .node.node-video .field-name-field-video a { display:inline-block;} .node.node-video .field-name-field-video img { display:inline-block; padding:15px; border:1px solid #fdcd5a;} .node.node-video .field-name-post-date { font-size:12px;} .node.node-video .field-name-title h3 { font-size:14px; color:#1ab8da;} .node.node-dashboard {} .node.node-dashboard .field-loginform {} .node.node-dashboard .field-loginform .block {} .node.node-dashboard .field-loginform .block h3 { padding:0 15px; height:35px; line-height:35px; font-size:16px; color:#fff; background:#84bf88;} .node.node-dashboard .field-loginform .block .content { padding:15px; background:#fff;} .node.node-dashboard .field-loginform .form-item { margin:0 0 20px 0;} .node.node-dashboard .field-loginform .form-item label { padding:0 5px; font-size:16px; color:#86878a;} .node.node-dashboard .field-loginform .form-item .form-text { width:220px; padding:0 10px; border:1px solid #84bf88; height:25px; font-size:14px; color:#86878a;} .node.node-dashboard .field-loginform .form-item .description { display:none;} .node.node-dashboard .field-loginform .form-actions .form-submit { width:240px; height:30px; color:#000; background:#fec232; border:none; font-size:16px; font-weight:700; text-align:center; cursor:pointer; display:block; line-height:30px;} .node.node-dashboard .field-loginform .form-actions .form-submit:hover { background:#84bf88; color:#fff; text-decoration:none;} .node .acc-wrapper, .g-acc-wrapper { margin:0 0 20px 0;} .node .acc-toggler, .g-acc-toggler { padding:5px 20px; font-weight:700; border:1px solid #86878a; cursor:pointer; position:relative;} .node .acc-toggler:before, .g-acc-toggler:before { content:''; position:absolute; right:0; top:0; background:#fec232; height:100%; width:42px; border-left:1px solid #86878a;} .node .acc-toggler:after, .g-acc-toggler:after { content:''; position:absolute; right:17px; top:50%; border-width:4px 4px 0 4px; border-color: #000 transparent transparent transparent; border-style:solid; margin:-4px 0 0 0; } .node .acc-toggler.open, .g-acc-toggler.open { border-color:#fec232;} .node .acc-toggler.open:before, .g-acc-toggler.open:before { border-color:#fec232;} .node .acc-toggler.open:after, .g-acc-toggler.open:after { border-width:0 4px 4px 4px; border-color:transparent transparent #000 transparent; } .node .acc-toggler .field, .g-acc-toggler .field { margin:0;} .node .acc-content, .g-acc-content { padding:30px 15px; border:1px solid #fec232; border-top:none;} .node.node-gallery .acc-content { padding:20px;} .g-acc-content { padding:20px;} .g-acc-wrapper .slideshow { width:500px; } .g-acc-wrapper .slideshow ul { padding:0; } .node .field-name-wmisc-node-gallery-slideshow .bx-wrapper:first-child .bx-controls-direction .bx-prev { left:40px; background:rgba(0,0,0,0.4) url(../images/slider_prev.png) center center no-repeat; padding:10px; } .node .field-name-wmisc-node-gallery-slideshow .bx-wrapper:first-child .bx-controls-direction .bx-next { right:40px; background:rgba(0,0,0,0.4) url(../images/slider_right.png) center center no-repeat; padding:10px;} .node .field-name-wmisc-node-gallery-slideshow .bx-wrapper:first-child .bx-controls-direction .bx-prev:hover, .node .field-name-wmisc-node-gallery-slideshow .bx-wrapper:first-child .bx-controls-direction .bx-next:hover { background-color:rgba(0,0,0,0.6); } .node.node-document .acc-wrapper { margin:0 0 5px 0;} .node.node-document .acc-toggler { padding:5px 20px 5px 36px; font-weight:700; border:1px solid #84bf88; background:#84bf88;} .node.node-document .acc-toggler:before { right:auto; left:0; top:0; background:#84bf88; border-left:none; width:36px;} .node.node-document .acc-toggler:after { right:auto; left:14px; top:50%; border-color: #fff transparent transparent transparent; margin:-2px 0 0 0;} .node.node-document .acc-toggler.open { border-color:#84bf88;} .node.node-document .acc-toggler.open:before { border-color:#84bf88;} .node.node-document .acc-toggler.open:after { border-color:transparent transparent #fff transparent; } .node.node-document .acc-toggler .field h3 { margin:0; color:#fff;} .node.node-document .acc-content { padding:5px 0 0 0; border:none;} .node.node-map { font-family: 'Roboto Slab', serif;} .node.node-map .field-title { font-size:24px; color:#1ab8da; font-weight:700; text-align:center;} .node.node-map .field-country { font-size:24px; color:#1ab8da; text-align:center;} .node.node-map .field-image { margin:0 0 10px 0;} .node.node-map .field-body { padding:10px 20px; font-size:14px; text-align:center;} .node.node-map .field-button { margin:0 0 10px 0;} .node.node-map .field-button a { display:block; height:38px; line-height:38px; color:#fff; text-align:center; font-size:18px; font-weight:700;} .node.node-map .field-button a.more { background:#ffc131;} .node.node-map .field-button a.waste { background:#84bf88;} .node.node-map .field-button a:hover { background:#1ab8da; text-decoration:none;} .node.node-map .field-body, .node.node-map .field-body p, .node.node-map .field-body span { font-family: 'Roboto Slab', serif !mportant; font-size:14px !important; text-align:center !important;} .page-page404 .node-404 .field-name-body a { color:#8c8db2; font-size:18px;} .messages { border:none !important; font-size:12px; padding:10px 55px; position:relative;} .messages:after { content:''; position:absolute; left:15px; top:50%; width:25px; height:25px; background:#fff; margin:-12px 0 0 0;} .messages.status { background:#1ab8da !important; color:#fff;} .messages.status:after { background:url(../images/sprite.png) -50px -110px no-repeat;} .messages.warning { background:#bedbc0 !important; color:#000;} .messages.warning:after { background:url(../images/sprite.png) -25px -110px no-repeat;} .messages.error { background:#8c8db2 !important; color:#fff;} .messages.error:after { background:url(../images/sprite.png) 0 -110px no-repeat;} .messages ul { margin:0; padding:0;} .infoBox { background:#fff; box-shadow:10px 10px 0 -5px #1ab8da; border:1px solid #86878a; } .infoBox {} .infoBox.portinfobox { position:absolute; top:131px; left:200px; z-index:101; padding: 15px 10px;} .infoBox.portinfobox .row img{ width:100%;height: auto; } .infoBox .close-infobox { position:absolute; top:-22px; right:-22px; cursor:pointer; } .port-focus { position:absolute; top:0; left:0; display:none; z-index:100; } .row { text-align:center; } .row > .col { float:left;} .row > .col.col-85 { width:85px;} .row > .col.col-215 { width:215px;} .row > .col.col-270 { width:270px; float:none; margin:0 auto;} .row > .col.col-540 { width:540px;} .valign-container { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;} .valign-container .valign { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .animate, #header .tools .search .form-text, .node .field-name-field-tags a, .node.node-webform .form-actions .form-submit, .node.node-dashboard .field-loginform .form-actions .form-submit, .node.node-map .field-button a, .node.view-mode-full .field-name-body a.readmore-toggler { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tabs-wrapper { position:relative; overflow:hidden; } .tabs-wrapper ul { overflow:hidden; margin:0; padding:0; list-style:none; width:100%; border-bottom:5px solid #1AB8DA;} .tabs-wrapper ul li { float:left; width:33.3%; text-align:center; padding:10px 0; color:#86878A; cursor:pointer;} .tabs-wrapper ul li.active { background:#1AB8DA; color:#fff; } .tabs-wrapper ul li:hover { background:#1AB8DA; color:#fff; } .tabs-wrapper .tab-content { padding:10px; display:none;} /* node word styles */ .content b, .content strong{ font-weight:bolder; } .content u{ text-align:center; } .content i{ font-style: italic; } .content ol{ list-style-type: decimal; padding-left: 1em; } .content ul{ list-style-type: disc; padding-left: 1em; } .content .field-type-text-with-summary img{ /*width:100%!important;*/ field-type-text-with-summaryheight:auto!important; max-width:580px !important;} /*======== Emails webform =========*/ .email-form .webform-client-form { float:right; }