/*-------------------------------------------------------------- 19.0 CUSTOM Media Queries --------------------------------------------------------------*/ .it#slider-home .rev_slider ul li b {color: #fff!important; font-weight: 900!important;} .fr#slider-home .rev_slider ul li b {color: #fff!important; font-weight: 900!important;} .de#slider-home .rev_slider ul li b {color: #fff!important; font-weight: 900!important;} .en#slider-home .rev_slider ul li b {color: #fff!important; font-weight: 900!important;} .ru#slider-home .rev_slider ul li b {color: #fff!important; font-weight: 900!important;} #product-3013010 .video-01 {} #product-3190 .video-01 {} #product-3172 .video-01 {} #product-3144 .video-01 {} .postid-3013070 .row-caratteristiche .caratteristiche-attributes li:nth-child(1) {order: 10;} .postid-3219 .row-caratteristiche .caratteristiche-attributes li:nth-child(1) {order: 10;} .postid-3197 .row-caratteristiche .caratteristiche-attributes li:nth-child(1) {order: 10;} .postid-3167 .row-caratteristiche .caratteristiche-attributes li:nth-child(1) {order: 10;} .postid-5030 .row-caratteristiche .caratteristiche-attributes li:nth-child(1) {order: 10;} .row-modelli-title {padding-left: 15px; padding-right: 15px;} @media screen and (min-width : 1400px) and (max-height : 1050px) { .en#slider-home .rev_slider ul li:nth-child(2) img {height: 200px!important; width: auto!important; position: relative; top: 140px;} .en#slider-home .rev_slider ul li:nth-child(4) img {position: relative; top: 10px; height: auto!important;} .en#slider-home .rev_slider ul li:nth-child(3) img {height: 340px!important; width: auto!important; position: relative; top: 60px;} .en#slider-home .rev_slider ul li:nth-child(3) .rev-btn { position: relative; left: 40px;} .fr#slider-home .rev_slider ul li:nth-child(2) img {height: 200px!important; width: auto!important; position: relative; top: 140px;} .fr#slider-home .rev_slider ul li:nth-child(4) img {position: relative; top: 10px; height: auto!important;} .fr#slider-home .rev_slider ul li:nth-child(3) img {height: 340px!important; width: auto!important; position: relative; top: 60px;} .fr#slider-home .rev_slider ul li:nth-child(3) .rev-btn { position: relative; left: 40px;} /*.de#slider-home .rev_slider ul li:nth-child(1) img {height: 200px!important; width: auto!important; position: relative; top: 140px;}*/ /*.de#slider-home .rev_slider ul li:nth-child(1) .button-slider {position: relative; bottom: 0px!important; top: auto!important;}*/ .de#slider-home .rev_slider ul li:nth-child(3) img {position: relative; top: 10px; height: auto!important;} .de#slider-home .rev_slider ul li:nth-child(2) img {height: 340px!important; width: auto!important; position: relative; top: 60px;} .de#slider-home .rev_slider ul li:nth-child(2) .rev-btn { position: relative; left: 40px;} .ru#slider-home .rev_slider ul li:nth-child(2) img {height: 200px!important; width: auto!important; position: relative; top: 140px;} .ru#slider-home .rev_slider ul li:nth-child(4) img {position: relative; top: 10px; height: auto!important;} .ru#slider-home .rev_slider ul li:nth-child(3) img {height: 340px!important; width: auto!important; position: relative; top: 60px;} .ru#slider-home .rev_slider ul li:nth-child(3) .rev-btn { position: relative; left: 40px;} } @media screen and (min-width : 1400px) and (max-height : 950px) { .en#slider-home .rev_slider ul li:nth-child(2) img {height: auto!important; width: 430px!important; position: relative; top: 10px;} .en#slider-home .rev_slider ul li:nth-child(2) .hidden-text {display: none!important;} .en#slider-home .rev_slider ul li:nth-child(2) .button-slider {position: relative; bottom: 60px;} .fr#slider-home .rev_slider ul li:nth-child(2) img {height: auto!important; width: 430px!important; position: relative; top: 10px;} .fr#slider-home .rev_slider ul li:nth-child(2) .hidden-text {display: none!important;} .fr#slider-home .rev_slider ul li:nth-child(2) .button-slider {position: relative; bottom: 60px;} .ru#slider-home .rev_slider ul li:nth-child(2) img {height: auto!important; width: 430px!important; position: relative; top: 10px;} .ru#slider-home .rev_slider ul li:nth-child(2) .hidden-text {display: none!important;} .ru#slider-home .rev_slider ul li:nth-child(2) .button-slider {position: relative; bottom: 60px;} } @media screen and (min-width : 1000px) and (max-height : 950px) { /*.it#slider-home .rev_slider ul li:nth-child(1) .tp-parallax-wrap:nth-child(2) {position: relative!important; top: 200px!important;}*/ /*.it#slider-home .rev_slider ul li:nth-child(1) .tp-parallax-wrap:nth-child(3) {position: relative!important; top: 480px!important;}*/ /*.it#slider-home .rev_slider ul li:nth-child(1) .tp-parallax-wrap:nth-child(4) {position: relative!important; top: 410px!important;}*/ /*.it#slider-home .rev_slider ul li:nth-child(1) .tp-parallax-wrap:nth-child(5) {position: relative!important; top: 640px!important;}*/ .it#slider-home .rev_slider ul li:nth-child(6) img {position: relative; top: 60px;} .it#slider-home .rev_slider ul li:nth-child(7) img {position: relative; top: 60px;} .it#slider-home .rev_slider ul li:nth-child(8) img {position: relative; top: 60px;} .scroll {display: none;} } @media screen and (min-width : 1000px) and (max-height : 860px) { /*.it#slider-home .rev_slider ul li:nth-child(1) .tp-parallax-wrap:nth-child(2) {top: 170px!important;}*/ /*.it#slider-home .rev_slider ul li:nth-child(1) .tp-parallax-wrap:nth-child(3) {top: 410px!important;}*/ /*.it#slider-home .rev_slider ul li:nth-child(1) .tp-parallax-wrap:nth-child(4) {top: 350px!important;}*/ /*.it#slider-home .rev_slider ul li:nth-child(1) .tp-parallax-wrap:nth-child(5) {top: 550px!important;}*/ .en#slider-home .rev_slider ul li:nth-child(4) img { position: relative; width: 700px!important; height: auto!important; top: 100px;} } @media screen and (min-width : 1000px) and (max-height : 750px) { /*.it#slider-home .rev_slider ul li:nth-child(1) .tp-parallax-wrap:nth-child(2) {top: 130px!important;}*/ /*.it#slider-home .rev_slider ul li:nth-child(1) .tp-parallax-wrap:nth-child(3) {top: 330px!important;}*/ /*.it#slider-home .rev_slider ul li:nth-child(1) .tp-parallax-wrap:nth-child(4) {top: 280px!important;}*/ /*.it#slider-home .rev_slider ul li:nth-child(1) .tp-parallax-wrap:nth-child(5) {top: 440px!important;}*/ .en#slider-home .rev_slider ul li:nth-child(2) img {height: 200px!important; width: auto!important; position: relative; top: 20px;} .en#slider-home .rev_slider ul li:nth-child(4) img {position: relative; top: 100px; width: 600px!important; height: auto!important;} .en#slider-home .rev_slider ul li:nth-child(3) img {height: 300px!important; width: auto!important; position: relative; top: 30px;} .en#slider-home .rev_slider ul li:nth-child(3) .rev-btn {position: relative; bottom: 0px!important; top: auto!important; left: 35px;} .en#slider-home .rev_slider ul li:nth-child(3) b {font-size: 34px!important;} .fr#slider-home .rev_slider ul li:nth-child(2) img {height: 200px!important; width: auto!important; position: relative; top: 20px;} .fr#slider-home .rev_slider ul li:nth-child(4) img {position: relative; top: 100px; width: 600px!important; height: auto!important;} .fr#slider-home .rev_slider ul li:nth-child(3) img {height: 300px!important; width: auto!important; position: relative; top: 30px;} .fr#slider-home .rev_slider ul li:nth-child(3) .rev-btn {position: relative; bottom: 0px!important; top: auto!important; left: 35px;} .fr#slider-home .rev_slider ul li:nth-child(3) b {font-size: 34px!important;} /*.de#slider-home .rev_slider ul li:nth-child(1) img {height: 200px!important; width: auto!important; position: relative; top: 140px;}*/ /*.de#slider-home .rev_slider ul li:nth-child(1) .button-slider {position: relative; bottom: 0px!important; top: auto!important;}*/ .de#slider-home .rev_slider ul li:nth-child(3) img {position: relative; top: 10px; height: auto!important;} .de#slider-home .rev_slider ul li:nth-child(2) img {height: 300px!important; width: auto!important; position: relative; top: 30px;} .de#slider-home .rev_slider ul li:nth-child(2) .rev-btn {position: relative; bottom: 0px!important; top: auto!important; left: 85px;} .de#slider-home .rev_slider ul li:nth-child(2) b {font-size: 34px!important;} .ru#slider-home .rev_slider ul li:nth-child(2) img {height: 200px!important; width: auto!important; position: relative; top: 20px;} .ru#slider-home .rev_slider ul li:nth-child(4) img {position: relative; top: 100px; width: 600px!important; height: auto!important;} .ru#slider-home .rev_slider ul li:nth-child(3) img {height: 300px!important; width: auto!important; position: relative; top: 30px;} .ru#slider-home .rev_slider ul li:nth-child(3) .rev-btn {position: relative; bottom: 0px!important; top: auto!important; left: 35px;} .ru#slider-home .rev_slider ul li:nth-child(3) b {font-size: 34px!important;} } @media screen and (max-height: 500px) { .jp#slider-home .rev_slider ul li img {height: 220px!important; width: auto!important;} } @media screen and (min-width : 1300px) and (max-height : 650px) { .main-logo {width: 110px;} .main-navigation {margin-top: 20px;} .en#slider-home .rev_slider ul li:nth-child(2) img {height: auto!important; width: 450px!important;} .en#slider-home .rev_slider ul li:nth-child(2) .hidden-text {display: none!important;} .en#slider-home .rev_slider ul li:nth-child(2) .button-slider {position: relative; bottom: 30px;} .en#slider-home .rev_slider ul li:nth-child(4) img {height: auto!important; width: 450px!important; position: relative; top: 90px;} .en#slider-home .rev_slider ul li:nth-child(3) img {position: relative; top: 30px; height: 300px!important;} .en#slider-home .rev_slider ul li:nth-child(3) .rev-btn {left: 81px;} .fr#slider-home .rev_slider ul li:nth-child(2) img {height: auto!important; width: 450px!important;} .fr#slider-home .rev_slider ul li:nth-child(2) .hidden-text {display: none!important;} .fr#slider-home .rev_slider ul li:nth-child(2) .button-slider {position: relative; bottom: 30px;} .fr#slider-home .rev_slider ul li:nth-child(4) img {height: auto!important; width: 450px!important; position: relative; top: 90px;} .fr#slider-home .rev_slider ul li:nth-child(3) img {position: relative; top: 30px; height: 300px!important;} .fr#slider-home .rev_slider ul li:nth-child(3) .rev-btn {left: 81px;} /*.de#slider-home .rev_slider ul li:nth-child(1) img {height: auto!important; width: 350px!important; position: relative; top: 90px;}*/ .de#slider-home .rev_slider ul li:nth-child(3) img {height: auto!important; width: 450px!important; position: relative; top: 90px;} .de#slider-home .rev_slider ul li:nth-child(2) img {position: relative; top: 30px; height: 300px!important;} .de#slider-home .rev_slider ul li:nth-child(2) .rev-btn {left: 81px;} .ru#slider-home .rev_slider ul li:nth-child(2) img {height: auto!important; width: 450px!important;} .ru#slider-home .rev_slider ul li:nth-child(2) .hidden-text {display: none!important;} .ru#slider-home .rev_slider ul li:nth-child(2) .button-slider {position: relative; bottom: 30px;} .ru#slider-home .rev_slider ul li:nth-child(4) img {height: auto!important; width: 450px!important; position: relative; top: 90px;} .ru#slider-home .rev_slider ul li:nth-child(3) img {position: relative; top: 30px; height: 300px!important;} .ru#slider-home .rev_slider ul li:nth-child(3) .rev-btn {left: 81px;} } @media screen and (min-width: 930px) { .js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul { display: block; } } @media screen and (max-width: 1240px) { .popup {width: 600px; margin-left: -300px;} } @media screen and (max-width: 1150px) { } @media screen and (max-width: 1140px) { #qunit-fixture {padding-left: 15px; padding-right: 15px;} .wpsl-search-btn-wrap button {margin-top: 0;} .box-download-pdf {padding-right: 15px;} .main-navigation li {margin-left:20px;} .row-title-page {padding-left: 10px; padding-right: 10px;} .w3eden table {width: 100%!important;} .vc_tta {padding-left: 10px; padding-right: 10px;} .title-page {padding-left: 10px; padding-right: 10px;} .wpsl-input label, #wpsl-radius label, #wpsl-category label {width:145px!important;} .breadcrumbs {padding-left: 10px; padding-right: 10px;} .page-template-page-news .vc_grid {} .page-template-page-news .vc_column_container > .vc_column-inner {padding-right: 0; padding-left: 0;} .single-product .dettagli-tecnici .vc_column_container {padding-right: 0px; padding-left: 0px;} .title-page {margin-top: 130px;} .single-product .vc_column_container {padding-right: 15px; padding-left: 15px;} .single-product .row-applicazioni .vc_column_container {padding-right: 0px; padding-left: 0px;} .row-button-calculator .col-md-6:first-child {padding-left: 5px;} .row-button-calculator .col-md-6:last-child {padding-right: 5px;} .row-button-calculator .col-md-6 {padding: 5px;} .title-table {padding-left: 5px; padding-right: 5px;} .table-responsive {padding-left: 5px; padding-right: 5px;} .calcolatore-curvo-irregolare .col-md-12 {padding: 5px;} .calcolatore-curvo-irregolare .col-md-4 {padding: 5px;} .calcolatore-curvo-irregolare .col-md-8 {padding: 5px;} .calcolatore-rettangolare .col-md-12 {padding: 5px;} .calcolatore-rettangolare .col-md-4 {padding: 5px;} .calcolatore-rettangolare .col-md-8 {padding: 5px;} } @media screen and (max-width: 1090px) { .navigation-top .wrap {padding-left: 20px; padding-right:20px;} .navigation-top nav {float:right;} .wpsl-input label, #wpsl-radius label, #wpsl-category label {width:160px!important;} #wpsl-radius label {width:130px!important; margin-right: 0!important;} .main-logo {width: 160px;} .main-navigation ul ul {padding: 33px 0 0 0;} .navigation-top .custom-header .wrap {padding-right:10px; padding-left: 10px;} #wpsl-search-wrap {padding: 10px;} #wpsl-wrap #wpsl-result-list li {padding-left: 10px;} } @media screen and (max-width: 1070px) { #tabella-calcolatore .table-responsive table {width: 1100px;} #tabella-calcolatore .table-responsive {overflow-x: scroll;} .tabella-riscaldatori .table-responsive table {width: 1100px;} .tabella-riscaldatori .table-responsive {overflow-x: scroll;} .high-flow-pumps .head-left {left: -217px;} .circulations-pumps .head-left {left: -176px;} .utility-pumps .head-left {left: -276px;} } @media screen and (max-width: 1050px) { .navigation-top nav {width:80%;} .navigation-top {font-size: 13px;} #post-518 {padding-left: 15px; padding-right: 15px;} .popup-video {margin-left: -250px; left: 50%; right: 10px; width: 500px; top: 130px; height: 340px;} .popup-video iframe {width: 500px!important; height: 340px!important;} .popup-video .close-popup {right: 0;} .en#slider-home .rev_slider ul li:nth-child(3) img {position: relative; top: 0px; width: auto!important;} .en#slider-home .rev_slider ul li:nth-child(3) .rev-btn { } .en#slider-home .rev_slider ul li:nth-child(3) b { font-size: 26px!important; line-height: 40px!important;} .fr#slider-home .rev_slider ul li:nth-child(3) img {position: relative; top: 0px; width: auto!important;} .fr#slider-home .rev_slider ul li:nth-child(3) .rev-btn { } .fr#slider-home .rev_slider ul li:nth-child(3) b { font-size: 26px!important; line-height: 40px!important;} .de#slider-home .rev_slider ul li:nth-child(2) img {position: relative; top: 30px;} .de#slider-home .rev_slider ul li:nth-child(2) .rev-btn { } .de#slider-home .rev_slider ul li:nth-child(2) b { font-size: 26px!important;} .ru#slider-home .rev_slider ul li:nth-child(3) img {position: relative; top: 0px; width: auto!important;} .ru#slider-home .rev_slider ul li:nth-child(3) .rev-btn { } .ru#slider-home .rev_slider ul li:nth-child(3) b { font-size: 26px!important; line-height: 40px!important;} } @media screen and (max-width: 990px) { .site-footer .widget-column {padding-left:10px; padding-right: 10px;} .footer-widget-1 {padding-left:10px!important; padding-right: 10px!important;} .site-info {padding:10px;} .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {min-height: 200px;} } @media screen and (max-width: 950px) { #wpsl-search-wrap div.col-xs-12 {width: 100%;} .wpsl-input label, #wpsl-radius label, #wpsl-category label {width:150px!important;} .wcps-container .wcps-items-excerpt {height: 90px;} h5 {font-size: 14px;} h1 {font-size: 40px;} h3 {font-size: 26px;} .main-button {font-size: 14px;} .menu-menu-principale-container {border-left: 0; position: fixed; top: 0; bottom:0; right:0; left:0; background-color: rgba(0,0,0,0.9); height: 100%; display: none; width: 100%; z-index: 99; overflow-y: scroll;} .title-page {margin-top: 60px;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {padding:5px;} .margin-top-bottom-130 {margin-top: 80px; margin-bottom: 80px;} .margin-top-bottom-110 {margin-top: 80px; margin-bottom: 60px;} .js .menu-toggle, .js .dropdown-toggle {display: block;} .main-navigation {margin-top:0;} .main-navigation ul ul {display: none; margin-bottom: 20px; float: left; width: 100%;} .icon-angle-down {display: none!important; fill:#ffffff;} button .icon-angle-down {display: block!important; } .main-navigation li {margin-left: 10px; text-align: left; float: left; clear: both; margin-bottom: 10px;} .navigation-top a {float:left; font-size: 16px;} .main-navigation ul ul {background-color: rgba(0,0,0,0); border:none; padding-top:0; left: unset; padding: 0; position: static; top: inherit; z-index: 0;} .main-navigation li li {border: none; margin-left: inherit; width: 350px;} .main-navigation ul ul a {padding: 0 20px; width: 240px; font-weight: 400;} .main-navigation ul ul ul {padding-left: 20px; background-color: rgba(0,0,0,0!important);} .main-navigation ul ul ul:hover {background-color: rgba(0,0,0,0!important);} .main-navigation ul ul:hover {background-color: rgba(0,0,0,0!important);} .sub-menu li:hover {background-color: rgba(0,0,0,0);} #top-menu {padding-left: 10px; text-align: center; width: 100%; overflow-x: scroll; padding-top: 130px;} .main-logo {position: absolute; z-index: 8; width: 130px;} .top-bar-right ul li a {float: none; text-align: center;} .navigation-top .header-top-bar a {float: none;} .wcps-container .owl-nav.topright {top: -200px; right: 20px;} .wcps-container .owl-dots {margin:90px 0 0;} .vc_col-sm-3 {width: 50%; float: left;} .menu-toggle .fas {font-size: 40px; transition: all 0.5s ease 0s; border: none!important;} .active-menu {transform: rotate(-90deg)!important; transition: all 0.5s ease 0s;} .display-table {display: table!important;} .box-download-pdf {right:30px;} .single-post .title-page {margin-top:60px;} .content-blog {margin-top: 50px;} .page-id-1681 .title-page {margin-top:60px;} .vc_custom_1529660801226 {margin-top:50px!important; padding-left: 10px; padding-right: 10px;} } @media screen and (max-width: 935px) { .wpsl-input label, #wpsl-radius label, #wpsl-category label {width: auto!important;} .wpsl-select-wrap {width: 100%;} .wpsl-dropdown {width: 40%;} #wpsl-search-wrap div label {padding-left: 0;} #wpsl-radius label {text-align: left;} #wpsl-radius {width: 50%;} #wpsl-results {width: 40%;} #wpsl-category {width: 100%;} .wpsl-input {width: 100%;} } @media screen and (max-width:895px) { #wpsl-radius label {width:130px!important;} } @media screen and (max-width:870px) { .box-contact-ico {right: 40px;} } @media screen and (max-width:830px) { .row-newsletter h3 {text-align: center;} .privacy-box {margin-top: 20px;} .wpsl-select-wrap {width: 100%; float:left;} #wpsl-radius label {padding-left:0;} #wpsl-category {width:100%;} .wpsl-search-btn-wrap {width: 50%;} html[lang="ja"] .dettagli-tecnici .popup-scheda-tecnica .popup { width: auto; margin-left: auto; left: 10px; right: 10px;} html[lang="ja"] .dettagli-tecnici .popup-scheda-tecnica .close-popup {top: -60px; right: 0;} #correlati {margin-top: 50px;} } @media screen and (max-width:795px) { .calcolatore-curvo-irregolare .col-md-8 button {height: 58px;} .calcolatore-rettangolare .col-md-8 button {height: 58px;} .calcolatore-rettangolare input {height: 58px;} .calcolatore-curvo-irregolare input {height: 58px;} } @media screen and (max-width:790px) { .popup-video iframe {width: 100%!important; height: 580px!important;padding: 10px;} .popup-video {margin-left: 0; top:120px; left: 0; right: 0; width: 100%; height: auto;} .popup-video .close-popup {right: 10px; top: 10px;} } @media screen and (max-width:780px) { .wcps-container .owl-nav.topright { top: -280px;} } @media screen and (max-width:768px) { #tabella-calcolatore .table-responsive table {width: 1380px;} .vc_custom_1529570996806 {margin-bottom: 0!important;} .box-ico-video {margin-bottom: 30px;} .videotutorial-row {margin-bottom: 30px;} .box-ico-video h4 {text-align: left; margin-top: 10px;} .videotutorial-row .vc_col-sm-3 {width: 100%;} .videotutorial-row .vc_col-sm-3 .vc_column-inner {padding-left: 0; padding-right: 0;} .popup {margin-left: 0; left: 10px; right: 10px; width: auto; top: 130px;} .popup .description-poup {padding: 0px 20px 40px 20px;} .content-blog {padding-left:10px; padding-right:10px;} .single-post .site-content {padding-top: 70px;} .page-template-page-news .title-page {margin-top:0;} .vc_custom_1529660801226 {margin-top:50px!important;} .box-contact-ico img {width: 50px; margin-bottom: 5px;} .box-download-pdf img {width: 50px; margin-bottom: 5px;} .vc_custom_1530257030793 {margin-top:100px!important;} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {background-color: #ffffff!important;} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {color:#000000!important;} .page-template-faq-page .site-content {padding-top:50px;} .page-template-page-int .site-content {padding-top:0;} .w3eden table tbody tr {height: auto;} .__dt_col_download_link a:after {background-size: contain; background-color: #578624;} .w3eden .table > tbody > tr > td, .w3eden .table > tbody > tr > th, .w3eden .table > tfoot > tr > td, .w3eden .table > tfoot > tr > th, .w3eden .table > thead > tr > td, .w3eden .table > thead > tr > th { border-right: none; border-bottom: none; text-align: center; border-top:none; } table td.__dt_col_download_link {padding:0!important;} .w3eden table tbody .__dt_col_download_link {padding:0!important;} .w3eden table tbody td {padding:10px!important;} table td.__dt_col_categories {max-width: 100%!important;} table td.__dt_col_categories {max-width: 100%!important;} .w3eden .col-sm-6 {width:30%;} .dataTables_wrapper .dataTables_paginate {width:100%!important;} .vc_custom_1530173938582 {margin-top:60px!important;} .vc_custom_1530178300675 {margin-top:0px!important;} .vc_custom_1530179060014 {margin-bottom: 0px!important} .vc_custom_1530179064381 {margin-bottom: 0px!important} .vc_custom_1530178859014 {margin-top:0px!important;} .vc_custom_1543314882139 {margin-top:0px!important;} .vc_custom_1543314912630 {margin-top:0px!important;} .vc_custom_1543314938804 {margin-top:0px!important;} .vc_custom_1530178859014 {height: 80px;} .vc_custom_1530178859014 h4 {line-height: 30px; width: 50%; margin-top: 10px;} .pagination, .comments-pagination {padding: 0!important;} .vc_custom_1529660801226 {margin-top: 100px!important;} .vc_custom_1529660801226 {margin-top:50px!important;} .popup .description-poup {overflow-y: scroll;} .popup-length .popup {overflow-y: scroll;} .main-navigation li li {overflow-x: hidden!important;} .wcps-container .owl-dots { margin: 20px 0 0;} /*.parallax .rev_slider {height: 500px!important;} .parallax .rev_slider .fullscreen-container {height: 500px!important;} .parallax .rev_slider {height: 500px!important;} .parallax .rev_slider .fullscreen-container {height: 500px!important;} .parallax .rev_slider_wrapper {height: 500px!important;} .parallax .forcefullwidth_wrapper_tp_banner {height: 500px!important;}*/ .page-id-4561 .margin-top-130 {margin-top: 70px;} .page-id-4561 .wpcf7 .col-md-6 {padding-left: 10px!important; padding-right: 10px!important;} .margin-bottom-img-0 {margin-bottom: 0!important;} } @media screen and (max-width:760px) { .bottom-menu .vc_col-sm-2 {width: 33.33%; float: left;} .mobile-widget .widget-title {display: none;} .bottom-menu .vc_col-sm-2 .widget {padding-bottom: 0;} .breadcrumbs p {padding-left: 0!important; padding-right: 0!important;} .page-template-page-int .breadcrumbs p {padding-left: 0!important; padding-right: 0!important;} .page-template-company-page p {padding-left: 15px; padding-right: 35px;} .page-template-company-page h3 {padding-left: 15px; padding-right: 15px; margin-top:20px!important;} .page-template-company-page .vc_separator {padding-left: 15px;} .vc_custom_1543320661559 { margin-top: 50px !important;} .vc_custom_1540918677316 { margin-top: 50px !important;} .hover-wcps-items-thumb {display: none;} .menu-punti-vendita {display: inline-block!important;} #menu-menu-shop {display: none!important;} } @media screen and (max-width: 755px) { .menu-toggle {margin-top:0;} .site-navigation button {padding: 0px 10px 0px 0px;} .vc_gitem-post-data-source-post_title {height:70px;} .margin-open-product {display: flex; flex-direction: row; flex-wrap: wrap;} .site-content {padding-top: 60px;} .margin-open-product .vc_col-sm-6:nth-child(1) {order: 2;} .margin-open-product .vc_col-sm-6:nth-child(2) {order: 1;} .margin-open-product .main-button-product {display: inline-block!important;} .main-button-product {margin-top: 0;} .close-popup {right: 0;} .margin-open-product .main-button-product .vc_col-sm-6 {width: 50%; float: left;} .title-page {margin-top: 100px;} .head-table h4 {font-size: 18px; text-align: center!important;} .vc_custom_1530178859014 h4 {width: 100%; line-height: 80px; margin-top: 0;} .w3eden .table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #ffffff;} .head-table {height: 140px;} .w3eden .col-sm-6 {width: 50%;} #top-menu {} ol {margin: 0 0 20px 30px;} .box-contact-ico {display: none;} .box-download-pdf {display: none;} .page-template-page-int .site-content {padding-top: 60px;} } @media screen and (max-width: 700px) { .popup-video iframe {height: 400px!important;} .site-content {padding-top: 140px;} .page-template-faq-page h4 {font-size: 18px;} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {background-color: #ffffff!important; border-color: #000000!important;} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {border-color: #000000!important; background-color: #ffffff!important;} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {color: #000000!important;} .close-popup {top:-60px;} .popup-video .close-popup {top:-60px;} /*.de#slider-home .rev_slider ul li:nth-child(1) img {width: 350px!important; width: auto!important; position: relative; top: 30px;}*/ /*.de#slider-home .rev_slider ul li:nth-child(1) .button-slider {position: relative; bottom: -80px!important; top: auto!important;}*/ } @media screen and (max-width: 650px) { .page-template-store-locator .title-page { margin-top: 10px; } #qunit-fixture {margin-top: 10px;} .bh-sl-loc-list ul { max-height: 300px; overflow: auto; } .certificazioni_tuv_gs_pure-light-uv-c-advance-60 {top: 0;} .single-post .breadcrumbs {padding-left: 25px; padding-right: 25px;} .single-post .breadcrumbs a {pointer-events: none;} .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {margin-bottom: 10px!important;} .category-page .breadcrumbs { padding-left: 25px; padding-right: 25px;} .category-page .title-page {margin-top:0px;} .page-template-page-int .title-page {margin-top:0px;} .page-template-page-int .breadcrumbs {padding-left: 30px; padding-right: 30px;} .download-bread {padding-left: 15px!important; padding-right: 15px!important;} .page-template-company-page .breadcrumbs {padding-left: 30px; padding-right: 30px;} .page-template-page-news .breadcrumbs {padding-left: 30px; padding-right: 30px;} #slider-home .rev_slider .rev-btn {line-height: 10px !important;} .single-product .site-content {padding-top: 30px;} .dataTables_wrapper .dataTables_filter {margin-top: 0;} .box-download-pdf {top:-130px;} .box-contact-ico {top:-130px;} .page-template-page-int .site-content {padding-top: 150px;} .wpsl-search-btn-wrap {margin-top:10px; margin-bottom: 0;} .page-template-page-news .title-page {margin-top:30px;} .box-ico-popup {display: block; margin-top: -90px; margin-right: 20px;} .dettagli-tecnici {margin-top: 0px;} .margin-top-title {margin-bottom: 20px;} .single-product .dettagli-tecnici .vc_column_container {margin-bottom: 50px;} .list-detail-product {margin-bottom: 50px;} .row-caratteristiche .caratteristiche-attributes {flex-flow: row wrap;} .main-button-product {margin-bottom: 50px;} .caratteristiche-attributes li {display: block; flex: 0 0 120px; float: left;} .single-product .border-bottom-title {font-size: 24px!important;} .hades.tparrows {width: 50px!important; height:50px!important; bottom: 50px!important; top:auto!important; opacity: 1!important; visibility: visible!important;} .hades.tparrows::before {line-height: 50px;} .top-bar-right ul li {width: 140px;} .top-bar-right ul li a {font-size: 9px;} #menu-lingue {right:140px;} .tp-leftarrow {left: 0px!important;} .tp-rightarrow {right: 0px!important;} .main-navigation ul ul {margin-top: 20px;} .rev-btn {height: auto!important; min-height: inherit!important; line-height: 10px!important;} .parallax .rev-btn {line-height: 20px!important;} #rev_slider_15_1 .rev-btn {line-height: 20px!important;} .site-footer .wrap {padding-bottom: 0;} .category-page .margin-top-bottom-130 {margin-top: 60px; margin-bottom: 80px;} .breadcrumbs .vc_column-inner {padding-left: 0!important; padding-right: 0!important;} .yith_magnifier_mousetrap {pointer-events: none!important;} .list-detail-product h4 {padding-right: 0!important; padding-left: 0!important;} .list-detail-product ul li {padding-right: 0!important; padding-left: 0!important;} .margin-top-correlati {margin-top: 0;} .head-table {margin-left: -5px!important; margin-right: -5px!important;} #cataloghi {padding-left: 10px!important; padding-right: 10px!important;} #acquariologia {padding-left: 10px!important; padding-right: 10px!important;} #pond {padding-left: 10px!important; padding-right: 10px!important;} .vc_custom_1530257030793 {margin-top: 50px!important;} .wpcf7 .col-md-6 {padding-left: 0; padding-right: 0;} .wpcf7 .col-md-12 {padding-left: 0; padding-right: 0;} #wpsl-search-wrap div label {margin-left: 0;} .__dt_col_title {width: 100%!important; float:left} .__dt_col_package_size {width: 20%!important; float:left; font-weight: 800!important; display: none!important;} .__dt_col_download_link {width: 100%!important; float:left;} .__dt_col_page_link {width: 100%!important; float:left; margin-top: 40px;} table.dataTable, table.dataTable th, table.dataTable td {box-sizing: border-box!important;} #wpdmmydls-b2aab7812bec454e2634c870062bc50d td.__dt_col_download_link {width: 100%!important;} .wpdm-all-packages-table td.__dt_col_download_link {width: 100%!important; clear:both;} #cataloghi .wpdm-all-packages-table td.__dt_col_download_link {width: 100%!important; clear:both;} #acquariologia .wpdm-all-packages-table td.__dt_col_download_link {width: 100%!important; clear:both;} #acquariologia table tr {margin-bottom: 48px !important;} #pond .wpdm-all-packages-table td.__dt_col_download_link {width: 100%!important; clear:both;} #pond table tr {margin-bottom: 48px !important;} .wpdm-all-packages-table tr {float: left!important; width: 100%!important;} .main-navigation li {width: 100%; margin-bottom: 20px;} .main-navigation ul ul a {width: 100%;} .js .dropdown-toggle {float: right; position: absolute; right: 0;} } @media screen and (max-width: 630px) { .popup-video iframe { height: 440px!important} .navigation-top .wrap {padding-right: 0;} .gradient-row {display: none;} .hover-wcps-items-thumb .fas {position: relative; top: 120px;} .vc_custom_1529676957152 {margin-bottom: 40px!important;} .box-button-pdf {margin-bottom: 25px;} .woocommerce .products ul, .woocommerce ul.products {padding-left: 10px; padding-right: 10px;} .single-product h1 { font-size: 20px;} .single-product .title-page h1 {margin-bottom: 20px;} .row-italy img {width: 170px;} .woocommerce div.product div.images {margin-bottom: 10px;} .yith_magnifier_gallery li {padding-left: 0;} .woocommerce-page .applicazioni-attributes img {width: 60px;} .caratteristiche-attributes li { flex: 0 0 80px;} .postid-3013070 .caratteristiche-attributes li { flex: auto;} .postid-3219 .caratteristiche-attributes li { flex: auto;} .postid-3197 .caratteristiche-attributes li { flex: auto;} .postid-3167 .caratteristiche-attributes li { flex: auto;} .postid-5030 .caratteristiche-attributes li { flex: auto;} .postid-3013070 .row-caratteristiche .caratteristiche-attributes li:nth-child(1) {order: 10;} .postid-3219 .row-caratteristiche .caratteristiche-attributes li:nth-child(1) {order: 10;} .postid-3197 .row-caratteristiche .caratteristiche-attributes li:nth-child(1) {order: 10;} .postid-3167 .row-caratteristiche .caratteristiche-attributes li:nth-child(1) {order: 10;} .postid-5030 .row-caratteristiche .caratteristiche-attributes li:nth-child(1) {order: 10;} .postid-3013070 .row-caratteristiche .caratteristiche-attributes li:nth-child(3) {max-width: 80px;} .postid-3013070 .row-caratteristiche .caratteristiche-attributes li:nth-child(4) {max-width: 80px;} .postid-3013070 .row-caratteristiche .caratteristiche-attributes li:nth-child(2) {max-width: 80px;} .postid-3219 .row-caratteristiche .caratteristiche-attributes li:nth-child(3) {max-width: 80px;} .postid-3219 .row-caratteristiche .caratteristiche-attributes li:nth-child(4) {max-width: 80px;} .postid-3219 .row-caratteristiche .caratteristiche-attributes li:nth-child(2) {max-width: 80px;} .postid-3197 .row-caratteristiche .caratteristiche-attributes li:nth-child(3) {max-width: 80px;} .postid-3197 .row-caratteristiche .caratteristiche-attributes li:nth-child(4) {max-width: 80px;} .postid-3197 .row-caratteristiche .caratteristiche-attributes li:nth-child(2) {max-width: 80px;} .postid-3167 .row-caratteristiche .caratteristiche-attributes li:nth-child(3) {max-width: 80px;} .postid-3167 .row-caratteristiche .caratteristiche-attributes li:nth-child(4) {max-width: 80px;} .postid-3167 .row-caratteristiche .caratteristiche-attributes li:nth-child(2) {max-width: 80px;} .postid-5030 .row-caratteristiche .caratteristiche-attributes li:nth-child(3) {max-width: 80px;} .postid-5030 .row-caratteristiche .caratteristiche-attributes li:nth-child(4) {max-width: 80px;} .postid-5030 .row-caratteristiche .caratteristiche-attributes li:nth-child(2) {max-width: 80px;} .row-newsletter {margin-bottom: 30px!important;} #menu-top-menu-left a {margin-right: 5px;} .row-applicazioni {margin-bottom: 0;} .row-caratteristiche {margin-bottom: 30px;} .box-title-category h5 {font-size: 15px;} div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {margin: 0;} div.wpcf7-spam-blocked {margin: 0;} } @media screen and (max-width: 580px) { /*.it#slider-home .rev_slider li:nth-child(1) .tp-bgimg {background-position: left center!important;}*/ /*.it#slider-home .rev_slider ul li:nth-child(4) .rev-text {left: auto!important; right: 40px!important; position: relative!important;} .it#slider-home .rev_slider ul li:nth-child(4) .rev-btn {left: auto!important; right: 20px!important; position: relative!important; bottom: -10px;}*/ .en#slider-home .rev_slider ul li:nth-child(2) .rev-text {left: auto!important; right: 40px!important; position: relative!important;} .en#slider-home .rev_slider ul li:nth-child(2) .rev-btn {left: auto!important; right: 20px!important; position: relative!important; bottom: -10px;} .fr#slider-home .rev_slider ul li:nth-child(2) .rev-text {left: auto!important; right: 40px!important; position: relative!important;} .fr#slider-home .rev_slider ul li:nth-child(2) .rev-btn {left: auto!important; right: 20px!important; position: relative!important; bottom: -10px;} .de#slider-home .rev_slider ul li:nth-child(2) .rev-text {left: auto!important; right: 40px!important; position: relative!important;} .de#slider-home .rev_slider ul li:nth-child(2) .rev-btn {left: auto!important; right: 20px!important; position: relative!important; bottom: -10px;} .ru#slider-home .rev_slider ul li:nth-child(2) .rev-text {left: auto!important; right: 40px!important; position: relative!important;} .ru#slider-home .rev_slider ul li:nth-child(2) .rev-btn {left: auto!important; right: 20px!important; position: relative!important; bottom: -10px;} .scroll {bottom: -10px;} .box-att-vtp {padding-left: 20px; padding-right: 20px;} .row-modelli {padding-left: 20px; padding-right: 20px;} .row-modelli-title {padding-left: 30px; padding-right: 30px;} .main-navigation li {margin-left: 0;} .main-navigation li li {width: 100%;} #wpsl-search-wrap div label {margin-left:0px;} #wpsl-category .wpsl-dropdown {width:100%!important;} #wpsl-search-wrap .wpsl-dropdown {width:100%!important;} #wpsl-search-input {width:100%!important;} .wpsl-search-btn-wrap {margin-top:20px; width:100%;} .wpsl-search {padding:0px!important;} #wpsl-direction-details, #wpsl-gmap {height:300px!important;} #wpsl-stores {height:400px!important;} .site-footer .widget {padding-bottom: 0px;} .footer-widget-1 img {margin-bottom: 0;} .site-footer .site-info p {color: #ffffff;} .site-footer .widget-title {margin-bottom: 10px;} .site-footer .widget-area {padding-bottom: 0;} .site-footer .wrap { padding-top: 20px;} .menu-scroll-down {display: none;} .site-footer .site-info a {color: #ffffff;} .site-footer a {color: #ffffff!important;} .vc_custom_1540918647863 {margin-top: 50px!important;} .vc_custom_1529660801226 {margin-bottom: 50px !important;} #top-menu a[href='#']{cursor: default!important; color: #ffffff!important;} .vc_custom_1543314833776 {margin-top: 0px!important;} .vc_custom_1530179067659 {margin-bottom: 0px!important;} .vc_custom_1543311828834 {margin-bottom: 60px !important;} } @media screen and (max-width: 550px) { .page-template-store-locator .title-page h1 { text-transform: none; margin-bottom: 10px; } .page-template-store-locator .site-content { padding-top: 90px; } .popup-video iframe { height: 350px!important} .hover-box-category .main-button {display: none;} .bottom-menu .vc_col-sm-2 {height: 150px;} .bottom-menu .widget ul li a {font-size: 10px;} .bottom-menu .widget ul li {margin-bottom:0;} .bottom-menu {padding-bottom: 50px;} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {width:160px;} .w3eden .col-sm-6:first-child {width: 20%;} .w3eden .col-sm-6:last-child {width: 80%;} .dataTables_wrapper .dataTables_length {padding-left: 0!important;} .margin-open-product .main-button-product .vc_col-sm-6 {width: 100%; padding-right: 0; padding-left: 0;} .main-button-product .vc_col-sm-6.video-01-1 { padding-left: 0!important; padding-right: 0px!important; margin-top: 25px; } .main-button-product .vc_col-sm-6.video-01 { padding-left: 0 !important; padding-right: 0 !important; margin-top: 0; float: right; } .header-top-bar ul {padding: 3px 0 0 0;} #menu-lingue a {width: 50px; height: 31.2px;} .lang-it::before { width: 50px; height: 31.2px; background-size: 50px 31.2px;} .lang-fr::before { width: 50px; height: 31.2px; background-size: 50px 31.2px;} .lang-de::before { width: 50px; height: 31.2px; background-size: 50px 31.2px;} .lang-en::before { width: 50px; height: 31.2px; background-size: 50px 31.2px;} .lang-ru::before { width: 50px; height: 31.2px; background-size: 50px 31.2px;} .lang-jp::before { width: 50px; height: 31.2px; background-size: 50px 31.2px;} .top-bar-right ul li {height: 31px;} .navigation-top a {font-size: 20px;} .dettagli-tecnici {margin-bottom: 0;} .g-recaptcha {float:none;} .box-title-category {margin-top: 0; margin-bottom: 0;} .wcps-container .owl-carousel {padding-top: 0!important;} #wpsl-search-wrap {padding: 0;} } @media screen and (max-width: 500px) { .tp-leftarrow {left: -20px!important;} .tp-rightarrow { right: -69px!important; left: auto!important;} .hades.tparrows { bottom: 19px!important; display: none;} .owl-theme .owl-nav {display: none!important;} .margin-top-bottom-130-110 {margin-top: 40px; margin-bottom: 40px;} .margin-top-bottom-110 {margin-top: 30px; margin-bottom: 20px;} .margin-top-bottom-110-110 {margin-top: 30px; margin-bottom: 20px;} .category-page .margin-top-bottom-130 { margin-top: 40px; margin-bottom: 30px;} .margin-bottom-110 {margin-bottom: 20px;} .margin-bottom-130 {margin-bottom: 20px;} .margin-top-110 {margin-top: 30px;} .wcps-container .wcps-items-excerpt {height: 60px;} .box-ico-popup {margin-bottom: 0px;} .en#slider-home .rev_slider ul li:nth-child(3) img {width: 180px !important; height: auto !important; top: 10px;} .en#slider-home .rev_slider ul li:nth-child(3) b {font-size: 18px !important;} .fr#slider-home .rev_slider ul li:nth-child(3) img {width: 180px !important; height: auto !important; top: 10px;} .fr#slider-home .rev_slider ul li:nth-child(3) b {font-size: 18px !important;} .de#slider-home .rev_slider ul li:nth-child(3) img {width: 180px !important; height: auto !important; top: 10px;} .de#slider-home .rev_slider ul li:nth-child(3) b {font-size: 18px !important;} .ru#slider-home .rev_slider ul li:nth-child(3) img {width: 180px !important; height: auto !important; top: 10px;} .ru#slider-home .rev_slider ul li:nth-child(3) b {font-size: 18px !important;} } @media screen and (max-width: 420px) { .popup-video iframe { height: 300px!important} h2, .home.blog .entry-title {font-size: 34px;} .title-page {margin-top:60px;} .single-product .title-page {margin-top: 120px;} .box-contact-ico {top: -110px;} button, input[type="button"], input[type="submit"] {padding: 14px 10px;} h5 {font-size: 12px;} .site-content {padding-top: 170px;} .page-template-company-page .site-content {padding-top: 80px;} .box-title-category h5 {font-size: 12px;} .wcps-container .wcps-items-title a {font-size: 12px;} .parallax .rev-btn {font-size: 12px!important;} .row-newsletter input[type="submit"] {font-size: 12px;} .wcps-container .wcps-items-title {height: auto; margin-bottom: 0;} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {font-size: 12px;} .page-template-page-int .site-content {padding-top: 150px;} .menu-toggle .fas {height: 40px; width: 40px;} #top-menu {position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999999999999999;} .menu-menu-principale-container {z-index: 999999;} .rev_slider_wrapper {z-index: 1!important;} .custom-header {z-index: 99999999999999999; overflow: visible!important;} .navigation-top {z-index: 99999999999999999; overflow: visible!important;} .site-branding {z-index: 999999999999999; overflow: visible!important;} .site-header {overflow: visible!important;} #masthead .wrap {z-index: 9; overflow: visible!important;} } /*-------------------------------------------------------------- /*-------------------------------------------------------------- /*-------------------------------------------------------------- /*-------------------------------------------------------------- /*-------------------------------------------------------------- /*-------------------------------------------------------------- 19.0 FINE --------------------------------------------------------------*/ /*-------------------------------------------------------------- 19.0 Media Queries --------------------------------------------------------------*/ /* Adjust positioning of edit shortcuts, override style in customize-preview.css */ @media screen and (min-width: 20em) { body.customize-partial-edit-shortcuts-shown .site-header .site-title { padding-left: 0; } } @media screen and (min-width: 30em) { /* Typography */ body, button, input, select, textarea { } h1 { } h2, .home.blog .entry-title, .page .panel-content .recent-posts .entry-title { } h3 { } h4 { } h5 { } h6 { } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { font-size: 14px; } /* Fix image alignment */ img.alignleft { float: left; margin-right: 1.5em; } img.alignright { float: right; margin-left: 1.5em; } /* Site Branding */ .site-branding { } /* Front Page */ .panel-content .wrap { padding-bottom: 2em; } .page-one-column .panel-content .wrap { max-width: 740px; } .panel-content .entry-header { margin-bottom: 4.5em; } .panel-content .recent-posts .entry-header { margin-bottom: 0; } /* Blog Index, Archive, Search */ .taxonomy-description { font-size: 14px; } .page-numbers.current { font-size: 16px; } /* Site Footer */ .site-footer { } /* Gallery Columns */ .gallery-item { max-width: 25%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } } @media screen and (min-width: 48em) { /* Typography */ body, button, input, select, textarea { } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { font-size: 13px; } /* Layout */ .wrap { max-width: 1100px; } .has-sidebar:not(.error404) #primary { float: left; width: 70%; padding: 10px; } .has-sidebar #secondary { float: right; padding: 10px; width: 30%; } .error404 #primary { float: none; } /* Site Branding */ .site-branding { margin-bottom: 0; } .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header { display: block; height: auto; } .custom-logo-link { padding-right: 2em; } .custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img { max-width: 350px; } .title-tagline-hidden.home.has-header-image .custom-logo-link img, .title-tagline-hidden.home.has-header-video .custom-logo-link img { max-height: 200px; } .site-title { font-size: 36px; } .site-description { font-size: 16px; } /* Navigation */ .navigation-top { bottom: 0; font-size: 14px; left: 0; position: absolute; right: 0; width: 100%; z-index: 3; top: 0; } .navigation-top .wrap { max-width: 1110px; /* The font size is 14px here and we need 50px padding in ems */ } .navigation-top nav { margin-left: -1.25em; } .site-navigation-fixed.navigation-top { bottom: auto; position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 7; } .admin-bar .site-navigation-fixed.navigation-top { } /* Main Navigation */ .main-navigation { } .main-navigation ul { background: transparent; padding: 0; } .main-navigation > div > ul { border: 0; margin-bottom: 0; padding: 0; } .main-navigation li { border: 0; display: inline-block; } .main-navigation li li { display: block; margin-left:0px; text-align: left; } .main-navigation a { } .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after { } .main-navigation ul li.menu-item-has-children.focus:before, .main-navigation ul li.menu-item-has-children:hover:before, .main-navigation ul li.menu-item-has-children.focus:after, .main-navigation ul li.menu-item-has-children:hover:after, .main-navigation ul li.page_item_has_children.focus:before, .main-navigation ul li.page_item_has_children:hover:before, .main-navigation ul li.page_item_has_children.focus:after, .main-navigation ul li.page_item_has_children:hover:after { display: block; } .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before { border-color: transparent transparent #bbb; bottom: 0; } .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:after { border-color: transparent transparent #fff; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; right: auto; margin-top: 0px; margin-left: 0px; } .main-navigation li li { -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .main-navigation li li a { -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus { color: #fff; } .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon { display: inline; left: 5px; position: relative; top: -1px; } .main-navigation ul ul .menu-item-has-children > a > .icon, .main-navigation ul ul .page_item_has_children > a > .icon { margin-top: -9px; left: auto; position: absolute; right: 1em; top: 50%; -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(-90deg); /* IE 9 */ transform: rotate(-90deg); } .main-navigation ul ul ul { left: -999em; margin-top: 10px; top: 0; } .main-navigation ul ul li.menu-item-has-children.focus:before, .main-navigation ul ul li.menu-item-has-children:hover:before, .main-navigation ul ul li.menu-item-has-children.focus:after, .main-navigation ul ul li.menu-item-has-children:hover:after, .main-navigation ul ul li.page_item_has_children.focus:before, .main-navigation ul ul li.page_item_has_children:hover:before, .main-navigation ul ul li.page_item_has_children.focus:after, .main-navigation ul ul li.page_item_has_children:hover:after { display: none; } .site-header .site-navigation-fixed .menu-scroll-down { display: none; } /* Scroll down arrow */ .site-header .menu-scroll-down { } .site-header .menu-scroll-down .icon { -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(90deg); /* IE 9 */ transform: rotate(90deg); } .site-header .menu-scroll-down { } .site-header .navigation-top .menu-scroll-down { } .menu-scroll-down:focus { outline: thin dotted; } .menu-scroll-down .icon { } /* Front Page */ .panel-content .wrap { } .panel-image { height: 100vh; max-height: 1200px; } /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */ .background-fixed .panel-image { background-attachment: fixed; } .page-two-column .panel-content .entry-header { float: left; width: 36%; } .page-two-column .panel-content .entry-content { float: right; width: 58%; } /* Front Page - Recent Posts */ .page-two-column .panel-content .recent-posts { clear: right; float: right; width: 58%; } .panel-content .recent-posts article { margin-bottom: 4em; } .panel-content .recent-posts .entry-header, .page-two-column #primary .panel-content .recent-posts .entry-header, .panel-content .recent-posts .entry-content, .page-two-column #primary .panel-content .recent-posts .entry-content { float: none; width: 100%; } .panel-content .recent-posts .entry-header { margin-bottom: 1.5em; } .page .panel-content .recent-posts .entry-title { font-size: 26px; } /* Posts */ .site-content { padding: 5.5em 0 0; } .single-post .entry-title, .page .entry-title { } .comments-pagination, .post-navigation { clear: both; } .post-navigation .nav-previous { float: left; width: 50%; } .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .nav-next, .post-navigation .nav-next { margin-top: 0; } /* Blog, archive, search */ .sticky .icon-thumb-tack { height: 23px; left: -2.5em; top: 1.5em; width: 32px; } body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header { float: left; width: 36%; } .blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments { float: right; width: 58%; } .blog .site-main > article, .archive .site-main > article, .search .site-main > article { padding-bottom: 4em; } .navigation.pagination { clear: both; float: right; width: 58%; } .has-sidebar .navigation.pagination, .archive.page-one-column:not(.has-sidebar) .navigation.pagination { float: none; width: 100%; } .entry-footer { display: table; width: 100%; } .entry-footer .cat-tags-links { display: table-cell; vertical-align: middle; width: 100%; } .entry-footer .edit-link { display: table-cell; text-align: right; vertical-align: middle; } .entry-footer .edit-link a.post-edit-link { margin-top: 0; margin-left: 1em; } /* Entry content */ /* without sidebar */ :not(.has-sidebar) .entry-content blockquote.alignleft { margin-left: -17.5%; width: 48%; } :not(.has-sidebar) .entry-content blockquote.alignright { margin-right: -17.5%; width: 48%; } /* with sidebar */ .has-sidebar .entry-content blockquote.alignleft { margin-left: 0; width: 34%; } .has-sidebar .entry-content blockquote.alignright { margin-right: 0; width: 34%; } .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { margin-right: -72.5%; width: 62%; } /* blog and archive */ .blog:not(.has-sidebar) .entry-content blockquote.alignleft, .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, .archive:not(.has-sidebar) .entry-content blockquote.alignleft, .page-two-column .entry-content blockquote.alignleft { margin-left: -72.5%; width: 62%; } .blog:not(.has-sidebar) .entry-content blockquote.alignright, .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright, .archive:not(.has-sidebar) .entry-content blockquote.alignright, .page-two-column .entry-content blockquote.alignright { margin-right: 0; width: 36%; } /* Post formats */ .format-quote blockquote .icon { left: -1.5em; } /* Pages */ .page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header { margin-bottom: 4em; } .page:not(.home) #content { padding-bottom:0; } /* 404 page */ .error404 .page-content { padding-bottom: 9em; } /* Comments */ #comments { padding-top: 5em; } .comments-title { margin-bottom: 2.5em; } ol.children .children { padding-left: 2em; } /* Posts pagination */ .nav-links .nav-title { position: relative; } .nav-title-icon-wrapper { position: absolute; text-align: center; width: 2em; display: none; } .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { left: -2em; } .nav-links .nav-next .nav-title .nav-title-icon-wrapper { right: -2em; } /* Secondary */ #secondary { font-size: 14px; line-height: 1.6; } /* Widgets */ h2.widget-title { font-size: 11px; margin-bottom: 2em; } /* Footer */ .site-footer { margin-top: 0; } .site-footer .widget-column.footer-widget-1 { } .site-footer .widget-column.footer-widget-2 {; } .social-navigation { clear: left; float: left; margin-bottom: 0; width: 36%; } .site-info { float: left; width: 100%; } .social-navigation + .site-info { margin-left: 6%; } .site-info .sep { margin: 0 0.5em; display: inline; visibility: visible; height: auto; width: auto; } /* Gallery Columns */ .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } } @media screen and ( min-width: 67em ) { /* Layout */ /* Navigation */ .navigation-top .wrap { padding: 0; } .navigation-top nav { margin-left: 0; float: right; padding-right: 0; } /* Sticky posts */ .sticky .icon-thumb-tack { font-size: 32px; height: 22px; left: -1.25em; top: 0.75em; width: 32px; } /* Pagination */ .page-numbers { display: inline-block; } .page-numbers.current { font-size: 15px; } .page-numbers.current .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* Comments */ .comment-body { margin-left: 0; } } @media screen and ( min-width: 79em ) { .has-sidebar .entry-content blockquote.alignleft { margin-left: -20%; } .blog:not(.has-sidebar) .entry-content blockquote.alignright, .archive:not(.has-sidebar) .entry-content blockquote.alignright, .page-two-column .entry-content blockquote.alignright, .twentyseventeen-front-page .entry-content blockquote.alignright { margin-right: -20%; } } @media screen and ( max-width: 48.875em ) and ( min-width: 48em ) { .admin-bar .site-navigation-fixed.navigation-top, .admin-bar .site-navigation-hidden.navigation-top { top: 46px; } } @media screen and (max-width: 48em) { .js .menu-toggle {display: block;} } /*-------------------------------------------------------------- 20.0 Print --------------------------------------------------------------*/ @media print { /* Hide elements */ form, button, input, select, textarea, .navigation-top, .social-navigation, #secondary, .content-bottom-widgets, .header-image, .panel-image-prop, .icon-thumb-tack, .page-links, .edit-link, .post-navigation, .pagination.navigation, .comments-pagination, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link, .site-footer aside.widget-area, .site-info { display: none !important; } .entry-footer, #comments, .site-footer, .single-featured-image-header { border: 0; } /* Font sizes */ body { font-size: 12pt; } h1 { font-size: 24pt; } h2 { font-size: 22pt; } h3 { font-size: 17pt; } h4 { font-size: 12pt; } h5 { font-size: 11pt; } h6 { font-size: 12pt; } .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { font-size: 10pt; } /* Layout */ .wrap { padding-left: 5% !important; padding-right: 5% !important; max-width: none; } /* Site Branding */ .site-header { background: transparent; padding: 0; } .twentyseventeen-front-page.has-header-image .site-branding, .twentyseventeen-front-page.has-header-video .site-branding, .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding { position: relative; } .site-branding { margin-top: 0; margin-bottom: 1.75em !important; /* override styles added by JavaScript */ } .site-title { font-size: 25pt; } .site-description { font-size: 12pt; opacity: 1; } /* Posts */ .single-featured-image-header { background: transparent; } .entry-meta { font-size: 9pt; } /* Colors */ body, .site { background: none !important; /* Brute force since user agents all print differently. */ } body, a, .site-title a, .twentyseventeen-front-page.has-header-image .site-title, .twentyseventeen-front-page.has-header-video .site-title, .twentyseventeen-front-page.has-header-image .site-title a, .twentyseventeen-front-page.has-header-video .site-title a { color: #222 !important; /* Make sure color schemes don't affect to print */ } h2, h5, blockquote, .site-description, .twentyseventeen-front-page.has-header-image .site-description, .twentyseventeen-front-page.has-header-video .site-description, .entry-meta, .entry-meta a { color: #777 !important; /* Make sure color schemes don't affect to print */ } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { font-size: 11pt; width: 34%; } .site-footer { padding: 0; } } /*-------------------------------------------------------------- 19.0 Media Queries --------------------------------------------------------------*/ /* Adjust positioning of edit shortcuts, override style in customize-preview.css */ @media screen and (min-width: 20em) { body.customize-partial-edit-shortcuts-shown .site-header .site-title { padding-left: 0; } } @media screen and (min-width: 30em) { /* Typography */ body, button, input, select, textarea { } h1 { } h2, .home.blog .entry-title, .page .panel-content .recent-posts .entry-title { } h3 { } h4 { } h5 { } h6 { } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { font-size: 14px; } /* Fix image alignment */ img.alignleft { float: left; margin-right: 1.5em; } img.alignright { float: right; margin-left: 1.5em; } /* Site Branding */ .site-branding { } /* Front Page */ .panel-content .wrap { padding-bottom: 2em; } .page-one-column .panel-content .wrap { max-width: 740px; } .panel-content .entry-header { margin-bottom: 4.5em; } .panel-content .recent-posts .entry-header { margin-bottom: 0; } /* Blog Index, Archive, Search */ .taxonomy-description { font-size: 14px; } .page-numbers.current { font-size: 16px; } /* Site Footer */ .site-footer { } /* Gallery Columns */ .gallery-item { max-width: 25%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } } @media screen and (min-width: 48em) { /* Typography */ body, button, input, select, textarea { } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { font-size: 13px; } /* Layout */ .wrap { max-width: 1100px; } .has-sidebar:not(.error404) #primary { float: left; width: 70%; padding: 10px; } .has-sidebar #secondary { float: right; padding: 10px; width: 30%; } .error404 #primary { float: none; } /* Site Branding */ .site-branding { margin-bottom: 0; } .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header { display: block; height: auto; } .custom-logo-link { padding-right: 2em; } .custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img { max-width: 350px; } .title-tagline-hidden.home.has-header-image .custom-logo-link img, .title-tagline-hidden.home.has-header-video .custom-logo-link img { max-height: 200px; } .site-title { font-size: 36px; } .site-description { font-size: 16px; } /* Navigation */ .navigation-top { bottom: 0; font-size: 14px; left: 0; position: absolute; right: 0; width: 100%; z-index: 3; top: 0; } .navigation-top .wrap { max-width: 1110px; width: 100%; /* The font size is 14px here and we need 50px padding in ems */ } .site-navigation-fixed.navigation-top { bottom: auto; position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 7; } .admin-bar .site-navigation-fixed.navigation-top { } /* Main Navigation */ .main-navigation ul { background: transparent; padding: 0; } .main-navigation > div > ul { border: 0; margin-bottom: 0; padding: 0; } .main-navigation li { border: 0; } .main-navigation li li { display: block; margin-left:0px; text-align: left; } .main-navigation ul li.menu-item-has-children.focus:before, .main-navigation ul li.menu-item-has-children:hover:before, .main-navigation ul li.menu-item-has-children.focus:after, .main-navigation ul li.menu-item-has-children:hover:after, .main-navigation ul li.page_item_has_children.focus:before, .main-navigation ul li.page_item_has_children:hover:before, .main-navigation ul li.page_item_has_children.focus:after, .main-navigation ul li.page_item_has_children:hover:after { display: block; } .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before { border-color: transparent transparent #bbb; bottom: 0; } .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:after { border-color: transparent transparent #fff; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; right: auto; margin-top: 0px; margin-left: 0px; } .main-navigation li li { -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .main-navigation li li a { -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus { color: #fff; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; right: 0; } .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon { } .main-navigation ul ul .menu-item-has-children > a > .icon, .main-navigation ul ul .page_item_has_children > a > .icon { margin-top: -9px; left: auto; position: absolute; right: 0; top: 50%; -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(-90deg); /* IE 9 */ transform: rotate(-90deg); } .main-navigation ul ul ul { } .main-navigation ul ul li.menu-item-has-children.focus:before, .main-navigation ul ul li.menu-item-has-children:hover:before, .main-navigation ul ul li.menu-item-has-children.focus:after, .main-navigation ul ul li.menu-item-has-children:hover:after, .main-navigation ul ul li.page_item_has_children.focus:before, .main-navigation ul ul li.page_item_has_children:hover:before, .main-navigation ul ul li.page_item_has_children.focus:after, .main-navigation ul ul li.page_item_has_children:hover:after { display: none; } .site-header .site-navigation-fixed .menu-scroll-down { display: none; } /* Scroll down arrow */ .site-header .menu-scroll-down { } .site-header .menu-scroll-down .icon { -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(90deg); /* IE 9 */ transform: rotate(90deg); } .site-header .menu-scroll-down { } .site-header .navigation-top .menu-scroll-down { } .menu-scroll-down:focus { outline: thin dotted; } .menu-scroll-down .icon { } /* Front Page */ .panel-content .wrap { } .panel-image { height: 100vh; max-height: 1200px; } /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */ .background-fixed .panel-image { background-attachment: fixed; } .page-two-column .panel-content .entry-header { float: left; width: 36%; } .page-two-column .panel-content .entry-content { float: right; width: 58%; } /* Front Page - Recent Posts */ .page-two-column .panel-content .recent-posts { clear: right; float: right; width: 58%; } .panel-content .recent-posts article { margin-bottom: 4em; } .panel-content .recent-posts .entry-header, .page-two-column #primary .panel-content .recent-posts .entry-header, .panel-content .recent-posts .entry-content, .page-two-column #primary .panel-content .recent-posts .entry-content { float: none; width: 100%; } .panel-content .recent-posts .entry-header { margin-bottom: 1.5em; } .page .panel-content .recent-posts .entry-title { font-size: 26px; } /* Posts */ .site-content { padding: 5.5em 0 0; } .single-post .entry-title, .page .entry-title { } .comments-pagination, .post-navigation { clear: both; } .post-navigation .nav-previous { float: left; width: 50%; } .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .nav-next, .post-navigation .nav-next { margin-top: 0; } /* Blog, archive, search */ .sticky .icon-thumb-tack { height: 23px; left: -2.5em; top: 1.5em; width: 32px; } body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header { float: left; width: 36%; } .blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments { float: right; width: 58%; } .blog .site-main > article, .archive .site-main > article, .search .site-main > article { padding-bottom: 4em; } .navigation.pagination { clear: both; float: right; width: 58%; } .has-sidebar .navigation.pagination, .archive.page-one-column:not(.has-sidebar) .navigation.pagination { float: none; width: 100%; } .entry-footer { display: table; width: 100%; } .entry-footer .cat-tags-links { display: table-cell; vertical-align: middle; width: 100%; } .entry-footer .edit-link { display: table-cell; text-align: right; vertical-align: middle; } .entry-footer .edit-link a.post-edit-link { margin-top: 0; margin-left: 1em; } /* Entry content */ /* without sidebar */ :not(.has-sidebar) .entry-content blockquote.alignleft { margin-left: -17.5%; width: 48%; } :not(.has-sidebar) .entry-content blockquote.alignright { margin-right: -17.5%; width: 48%; } /* with sidebar */ .has-sidebar .entry-content blockquote.alignleft { margin-left: 0; width: 34%; } .has-sidebar .entry-content blockquote.alignright { margin-right: 0; width: 34%; } .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { margin-right: -72.5%; width: 62%; } /* blog and archive */ .blog:not(.has-sidebar) .entry-content blockquote.alignleft, .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, .archive:not(.has-sidebar) .entry-content blockquote.alignleft, .page-two-column .entry-content blockquote.alignleft { margin-left: -72.5%; width: 62%; } .blog:not(.has-sidebar) .entry-content blockquote.alignright, .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright, .archive:not(.has-sidebar) .entry-content blockquote.alignright, .page-two-column .entry-content blockquote.alignright { margin-right: 0; width: 36%; } /* Post formats */ .format-quote blockquote .icon { left: -1.5em; } /* Pages */ .page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header { margin-bottom: 4em; } .page:not(.home) #content { padding-bottom:0; } /* 404 page */ .error404 .page-content { padding-bottom: 9em; } /* Comments */ #comments { padding-top: 5em; } .comments-title { margin-bottom: 2.5em; } ol.children .children { padding-left: 2em; } /* Posts pagination */ .nav-links .nav-title { position: relative; } .nav-title-icon-wrapper { position: absolute; text-align: center; width: 2em; display: none; } .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { left: -2em; } .nav-links .nav-next .nav-title .nav-title-icon-wrapper { right: -2em; } /* Secondary */ #secondary { font-size: 14px; line-height: 1.6; } /* Widgets */ h2.widget-title { font-size: 11px; margin-bottom: 2em; } /* Footer */ .site-footer { margin-top: 0; } .site-footer .widget-column.footer-widget-1 { } .site-footer .widget-column.footer-widget-2 {; } .social-navigation { clear: left; float: left; margin-bottom: 0; width: 36%; } .site-info { float: left; width: 100%; } .social-navigation + .site-info { margin-left: 6%; } .site-info .sep { margin: 0 0.5em; display: inline; visibility: visible; height: auto; width: auto; } /* Gallery Columns */ .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } } @media screen and ( min-width: 67em ) { /* Layout */ /* Navigation */ .navigation-top nav { margin-left: 0; float: right; padding-right: 0; } /* Sticky posts */ .sticky .icon-thumb-tack { font-size: 32px; height: 22px; left: -1.25em; top: 0.75em; width: 32px; } /* Pagination */ .page-numbers { display: inline-block; } .page-numbers.current { font-size: 15px; } .page-numbers.current .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* Comments */ .comment-body { margin-left: 0; } } @media screen and ( min-width: 79em ) { .has-sidebar .entry-content blockquote.alignleft { margin-left: -20%; } .blog:not(.has-sidebar) .entry-content blockquote.alignright, .archive:not(.has-sidebar) .entry-content blockquote.alignright, .page-two-column .entry-content blockquote.alignright, .twentyseventeen-front-page .entry-content blockquote.alignright { margin-right: -20%; } } @media screen and ( max-width: 48.875em ) and ( min-width: 48em ) { .admin-bar .site-navigation-fixed.navigation-top, .admin-bar .site-navigation-hidden.navigation-top { top: 46px; } } @media screen and (max-width: 48em) { .js .menu-toggle {display: block;} } /*-------------------------------------------------------------- 20.0 Print --------------------------------------------------------------*/ @media print { /* Hide elements */ form, button, input, select, textarea, .navigation-top, .social-navigation, #secondary, .content-bottom-widgets, .header-image, .panel-image-prop, .icon-thumb-tack, .page-links, .edit-link, .post-navigation, .pagination.navigation, .comments-pagination, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link, .site-footer aside.widget-area, .site-info { display: none !important; } .entry-footer, #comments, .site-footer, .single-featured-image-header { border: 0; } /* Font sizes */ body { font-size: 12pt; } h1 { font-size: 24pt; } h2 { font-size: 22pt; } h3 { font-size: 17pt; } h4 { font-size: 12pt; } h5 { font-size: 11pt; } h6 { font-size: 12pt; } .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { font-size: 10pt; } /* Layout */ .wrap { padding-left: 5% !important; padding-right: 5% !important; max-width: none; } /* Site Branding */ .site-header { background: transparent; padding: 0; } .twentyseventeen-front-page.has-header-image .site-branding, .twentyseventeen-front-page.has-header-video .site-branding, .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding { position: relative; } .site-branding { margin-top: 0; margin-bottom: 1.75em !important; /* override styles added by JavaScript */ } .site-title { font-size: 25pt; } .site-description { font-size: 12pt; opacity: 1; } /* Posts */ .single-featured-image-header { background: transparent; } .entry-meta { font-size: 9pt; } /* Colors */ body, .site { background: none !important; /* Brute force since user agents all print differently. */ } body, a, .site-title a, .twentyseventeen-front-page.has-header-image .site-title, .twentyseventeen-front-page.has-header-video .site-title, .twentyseventeen-front-page.has-header-image .site-title a, .twentyseventeen-front-page.has-header-video .site-title a { color: #222 !important; /* Make sure color schemes don't affect to print */ } h2, h5, blockquote, .site-description, .twentyseventeen-front-page.has-header-image .site-description, .twentyseventeen-front-page.has-header-video .site-description, .entry-meta, .entry-meta a { color: #777 !important; /* Make sure color schemes don't affect to print */ } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { font-size: 11pt; width: 34%; } .site-footer { padding: 0; } }