/* =========================================================================================================================================================================== */ /* Bikers For Animals - bikersforanimals.nl /* Template specific CSS file /* =========================================================================================================================================================================== */ /* Main ============================================================================================================= */ body { margin-top:0; height:100%; font-family: sans-serif; font-size: 1.2em; background-color: #222; } .custom-background { background-size: cover; } /* ========================================================================================================== */ /* main containers ============================================================================================================= */ #headContainer { width: 100%; min-height: 130px; background-color: #111; } #contentContainer { width: 100%; min-height: 550px; padding-bottom: 50px; padding-top: 30px; } #frontContentContainer { width: 100%; min-height: 550px; } #footerContainer { width: 100%; min-height: 100px; background-color: #000; padding-top: 30px; padding-bottom: 50px; } #copyrightContent { width: 100%; min-height: 50px; text-align: center; } /* ========================================================================================================== */ /* miscelaneous ============================================================================================================= */ hr { border-top: 1px solid #777; margin: 5px 0 !important; } th { padding-right: 15px; } a { text-decoration: none; } a:hover { color: #fff; } a, :hover { transition: all .2s ease-in-out; } /* ========================================================================================================== */ /* Headings ============================================================================================================= */ h1 { font-size: 1.99em; color: #777; font-family: sans-serif; text-transform: uppercase; margin-bottom: 50px; border-bottom: 0px solid #666; text-align: center; } #logoContainer h1 { font-size: 1.3em; color: #777; font-family: sans-serif; text-transform: uppercase; margin-bottom: 0px; padding-top: 20px; border-bottom: 0px solid #666; text-align: center; } h2 { font-size: 1.5em; color: #777; font-family: sans-serif;text-transform: uppercase; margin-bottom: 50px; text-align: center; } h3 { font-size: 13pt; color: #777; font-family: sans-serif;text-transform: uppercase; margin-bottom: 15px; border-bottom: 1px solid #666; text-align: center; } .image_excerpt h3 { text-align: center; border-bottom: 0 !important; } .dv_excerpt h3 { text-align: left; border-bottom: 0 !important;} .front_excerpt h3 { text-align: center; border: none; font-size: 1em; padding-top: 7px; } .banner_widget_item h3 { text-align: center; } /* ========================================================================================================== */ /* Page , post & category content ============================================================================================================= */ /* metaslider */ .metaslider { margin-bottom: 50px; } /* banner (placed in footer.php */ .banner { background-color: #111; padding-top: 75px; padding-bottom: 20px; } /* excerpts */ .front_excerpt { width: 100%; height: 243px; overflow: hidden; float: left; background-color: #111; margin-bottom: 10px; } .front_excerpt:hover { width: 100%; height: 243px; overflow: hidden; float: left; margin-bottom: 10px; background-color: #000; box-shadow: 2px 2px 15px #000; } .front_excerpt img { width: 100%; height: auto; padding-bottom: 5px;} a.frontLink { color: #999; margin: 0 auto; font-size: 0.78em; border: 0px solid #555; padding: 15px; display: inline-block; width: auto; } a.frontLink:hover { color: #FFF; border: 0px solid #666; padding: 15px; background-color: #666; } .image_excerpt { width: 100%; height: 220px; overflow: hidden; float: left; padding: 5px; margin-bottom: 10px; background-color: #111; } .image_excerpt:hover { width: 100%; height: 220px; overflow: hidden; float: left; padding: 5px; margin-bottom: 10px; background-color: #000; box-shadow: 2px 2px 15px #000; } .image_excerpt img { width: 100%; height: auto; padding-bottom: 5px;} .image_excerpt a { text-decoration: none; } .dv_excerpt { width: 100%; min-height: 150px; float: left; padding: 5px; margin-bottom: 10px; background-color: #111; overflow: hidden; } .dv_excerpt:hover { width: 100%; min-height: 150px; float: left; padding: 5px; margin-bottom: 10px; background-color: #000; box-shadow: 2px 2px 15px #000; } .dv_excerpt a { color: #999; text-decoration: none; } /* Page and post humbnails */ .page_thumbnail { margin-bottom: 30px; } .page_thumbnail img { width: 100%; height: auto; } /* content */ .content { padding: 5px; } /*widgets */ .page_widget_item { border-bottom: 1px solid #666; margin-bottom: 30px; } .dv_widget_item {} .dv_widget_item img { width: auto; height: auto; } .footer_widget_item p { font-size: 10pt; } /* post content */ .post_content img { /*width: 100%;*/ height: auto; } @media only screen and (max-width: 480px) { .post_content img { width: 100%; height: auto; } } /* alignments */ .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 8px 10px 0 0 !important; } .alignright { float: right; margin: 8px 0 0 10px !important;} /* page numbers and pagination */ .page-numbers { border: 0px solid; padding: 5px; font-size: .8em; } .prev { float: left; } .next { float: right; } .page-numbers.current { color: #fff !important; } .prev.page-numbers {width: auto !important} .next.page-numbers {width: auto !important} .pagination { text-align: center; border-top: 1px solid #555; border-bottom: 1px solid #555; padding-bottom: 7px; } /* ========================================================================================================== */ /* Sections ============================================================================================================= */ #adopteerSection { background-color:#333333; padding: 75px 0; } /* ========================================================================================================== */ /* masonry like effect ============================================================================================================= */ /* Masonry container */ .masonry { column-gap: 1em; margin: 0 auto; padding: 0 20px; } .masonry .content { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0; } /* Masonry bricks or child elements */ /* .msnry_item:hover { width: 300px; height: auto; z-index: 999; box-shadow: 2px 2px 4px #000000; border: 1px solid #000; } */ .item { display: inline-block; margin: 0 0 1em; width: 100%; box-shadow: 2px 2px 15px #000; } .item:hover { box-shadow: 0px 0px 0px #000 !important; } figure { border-left: 0 !important; } .psgal figure { padding: 1px !important; } @media only screen and (max-width: 600px) { .masonry { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media only screen and (min-width: 601px) and (max-width: 980px) { .masonry { max-width: 928px !important; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (min-width: 981px) { .masonry { max-width: 1160px; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } /*end of masonry like effect */ /* Escerpts */ .excerpt { border: 0px solid white; background-color: #111111; padding: 5px; } .excerpt h3 { padding: .5em 0; margin: 0; font-size: 1.2em !important; text-transform: uppercase !important; text-align: center; } .excerptImg { width: 100%; height: auto; margin-bottom: 10px; overflow: hidden;} .excerptImg img { width: 100%; height: auto;} .excerptTxt { width: 100%; height: auto; } a.excerptLink:link, a.excerptLink:visited, a.excerptLink:hover { text-decoration: none; color: #999 !important; } /* end of Excerpts */ /* ========================================================================================================== */ /* woocommerce css ============================================================================================================= */ .woocommerce .login { background-color: #111; border: 0 !important; } .woocommerce ul.products li.product a img { height: 0 !important; min-height: 255px; margin: 0 !important } .woocommerce ul.products li.product h3 { color: #fff; text-transform: uppercase !important;} .woocommerce #reviews h3 { color: #fff; text-transform: uppercase !important;} .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { padding: .5em 0; margin: 0; font-size: 1.2em !important; text-transform: uppercase !important; min-height: 95px; } .woocommerce ul.products li.product .price { color: #77a464; font-weight: 400; font-size: 2em !important; text-align: center !important; padding: 5px 0; border-bottom: 1px solid #666; } .woocommerce ul.products li.product .button { margin-top: 0 !important; padding: 20px; width: 100% !important; text-align: center !important; } .woocommerce ul.products li.product .star-rating { display: none; } #coupon_code {width: 250px;} .cart-subtotal th, .cart-subtotal td, .shipping th, .shipping td { padding-left: 10px !important; } .order-total th, .order-total td { padding-left: 10px !important; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background-color: #000 !important; color: #F00 !important; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none !important; } .orderby { height: 30px !important; } .woocommerce nav.woocommerce-pagination ul { border: 0px !important; } .woocommerce nav.woocommerce-pagination ul li { border-right: 0px !important; } .woocommerce .woocommerce-ordering select { vertical-align: top; width: 25%; float: right; } .woocommerce .woocommerce-ordering { margin: 0 0 7em !important; } .shop_widget_item { margin-bottom: 20px; border-bottom: 1px solid #666; } .count { background-color: transparent !important; color: #777; } .product-categories { } .product-categories li { list-style-type: none; } .product-categories li a:link { text-decoration: none } .product-categories li a:visited { text-decoration: none } .product-categories li a:hover { color: #f58220 !important; text-decoration: underline; transition: all .2s ease-in-out; } .current-cat { color: #FFF !important; } .current-cat a:link { color: #FFF !important; text-decoration: none; } .current-cat a:visited { color: #FFF !important; text-decoration: none; } .current-cat a:hover { color: #f58220 !important; text-decoration: underline; transition: all .2s ease-in-out; } /* ========================================================================================================== */ /* Newsletter ============================================================================================================= */ .newsletter-widget p { color: #FFF; font-size: 11pt; } .newsletter-widget p input[name="nl[]"] { float:left; width: 28px; height: 14px; margin-top: 4px; } .newsletter-preference { float: left; min-height: 45px; } .newsletter-preference-label { position: relative; top: 16px; left: 10px; } .newsletter-profile table { width: 100%; } .newsletter-submit { width: 100%; height: 32px; padding: 0 !important; margin: 0 !important; line-height: 0 !important; cursor: pointer; } /* ========================================================================================================== */ /* footer ============================================================================================================= */ .footer_widget_item .textwidget { font-size: .8em !important; text-align: center; } .tnp-widget .tnp-field label { margin-bottom: 7px; } .tnp-widget input.tnp-submit { width: 100px !important; background-color: #333 !important; margin-top: 4px !important; margin-bottom: 4px !important; padding-left: 10px!important; color: #666!important; border: 0px!important; cursor: pointer; } /* ========================================================================================================== */