/* barlow-condensed-300 - latin */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 300; src: url('../fonts/barlow-condensed-v5-latin-300.eot'); /* IE9 Compat Modes */ src: local('Barlow Condensed Light'), local('BarlowCondensed-Light'), url('../fonts/barlow-condensed-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-condensed-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/barlow-condensed-v5-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/barlow-condensed-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/barlow-condensed-v5-latin-300.svg#BarlowCondensed') format('svg'); /* Legacy iOS */ } /* barlow-condensed-300italic - latin */ @font-face { font-family: 'Barlow Condensed'; font-style: italic; font-weight: 300; src: url('../fonts/barlow-condensed-v5-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Barlow Condensed Light Italic'), local('BarlowCondensed-LightItalic'), url('../fonts/barlow-condensed-v5-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-condensed-v5-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/barlow-condensed-v5-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/barlow-condensed-v5-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/barlow-condensed-v5-latin-300italic.svg#BarlowCondensed') format('svg'); /* Legacy iOS */ } /* barlow-condensed-600 - latin */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; src: url('../fonts/barlow-condensed-v5-latin-600.eot'); /* IE9 Compat Modes */ src: local('Barlow Condensed SemiBold'), local('BarlowCondensed-SemiBold'), url('../fonts/barlow-condensed-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-condensed-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/barlow-condensed-v5-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/barlow-condensed-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/barlow-condensed-v5-latin-600.svg#BarlowCondensed') format('svg'); /* Legacy iOS */ } /* barlow-condensed-600italic - latin */ @font-face { font-family: 'Barlow Condensed'; font-style: italic; font-weight: 600; src: url('../fonts/barlow-condensed-v5-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Barlow Condensed SemiBold Italic'), local('BarlowCondensed-SemiBoldItalic'), url('../fonts/barlow-condensed-v5-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-condensed-v5-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/barlow-condensed-v5-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/barlow-condensed-v5-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/barlow-condensed-v5-latin-600italic.svg#BarlowCondensed') format('svg'); /* Legacy iOS */ } html { font-size: 62.5% !important; margin: 0px !important; overflow: scroll; overflow-x: hidden; } body { font-family: 'Barlow Condensed', sans-serif; font-size: 20px !important; line-height: 1.5; font-weight: 300; color: #343e48; background: #ffffff; margin: 0px !important; padding-top: 0px; } a, a:visited { color: #343e48; text-decoration: none; outline: none !important; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } a:focus { outline: thin dotted; color: rgba(158,44,78,0.75); -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } a:active, a:hover { color: rgba(158,44,78,0.75); outline: none; text-decoration: none; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .bg-white { background: rgba(255,255,255,1); } .bg-gray { background: rgba(0,0,0,0.05); } .bg-red { background: rgba(158,44,78,1); } hr {border-top: 1px dotted #cccccc; margin-top: 5px; margin-bottom: 5px;} h1, h2, h3, h4, h5, h6 { font-family: 'Barlow Condensed', sans-serif; font-weight: 300; font-style: normal; word-wrap: break-word; line-height: 1.1; letter-spacing: 0px; margin: 0; padding: 0; color: #343e48; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; font-style: normal; } h1 { font-size: 3.8rem; } h2 { font-size: 3.2rem; } h3 { font-size: 2.9rem; } h4 { font-size: 2.6rem; } h5 { font-size: 2.3rem; line-height: 1.5 } h6 { font-size: 2.2rem; line-height: 1.5 } p { font-size: 2.0rem; padding: 0; line-height: 1.5; font-weight: 300; color: #343e48; margin: 0px; } .text-smaller { font-size: 85%; } .text-larger { font-size: 115%; } .small, small { font-size: 80%; } b, strong { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; font-style: normal; } blockquote { font-size: 13px; font-style: normal; font-weight: 300; margin: 24px 40px; } blockquote blockquote { margin-right: 0; } .content_block ol,ul { margin: 0 0 0 0px; padding: 0 0 0 18px; } .content_block ul { list-style:outside; list-style-type: square; } .content_block ol { list-style:outside; } .content_block li > ul { margin: 0; } .content_block ul li { padding-left: 0px; text-indent: 0px; list-style-type: square; list-style-position: outside; } .content_block a, .content_block a:visited {border-bottom: 1px dotted rgba(155,155,155,1) !important;} .content_block a:hover, .content_block a:active, .content_block a:focus {color: rgba(158,44,78,1) !important; border-bottom: 1px dotted rgba(158,44,78,1) !important;} .bg-red p, .bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6 { color: rgba(255,255,255,1) !important; } .bg-red a, .bg-red a:visited { color: rgba(255,255,255,1) !important; border-bottom: 1px dotted rgba(255,255,255,1) !important;} .bg-red a:hover, .bg-red a:active, .bg-red a:focus {color: rgba(255,255,255,0.75) !important; border-bottom: 1px dotted rgba(255,255,255,0.75) !important;} @media (min-width:576px) { } @media (min-width:768px) { } @media (min-width:992px) { body { font-size: 20px !important; font-weight: 300; } h1 { font-size: 4.4rem; } h2 { font-size: 3.4rem; } h3 { font-size: 3.1rem; } h4 { font-size: 2.8rem; } h5 { font-size: 2.5rem; } h6 { font-size: 2.2rem; } p { font-size: 2.0rem; } } /* ******************************* */ /* HEADER */ /* ******************************* */ .header-spacer {height: 130px;} .header-spacer-hero {height: 50px;} .header-spacer-hero-extended {height: 90px;} #header-fluid { position: fixed; min-height: 54px; top: 25px; left: 0; right: 0; padding: 0; z-index: 100000 !important; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } #header-fluid-main { position: relative; min-height: 54px; -webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.4); background: rgba(158,44,78,1); -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; z-index: 2; } #header-fluid-sub { position: relative; min-height: 40px; background: #ede0e4; z-index: 1; } #header-fluid.header-reduced { top: 0; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .header { padding: 0px 15px; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .header .header_logo_wrapper { width: 100%; height: auto; position: relative; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .header .header_logo{ position: absolute; left: 0; top: 0px; width: 234px; height: 54px; opacity: 1; display: block; background: #ffffff; padding: 6px; -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0); box-shadow: 0px 0px 4px 2px rgba(0,0,0,0); -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .header .header_logo img{ border: 1px solid #9e2c4e; width: 222px; height: 42px; } .header a.header_icon_nav { text-align: center; width: 54px; height: 54px; position: absolute; top: 0; opacity: 0; background: rgba(158,44,78,1); margin-left: 15px; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4); } #showMmenu { display: block; opacity: 1; right: 0; -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0); box-shadow: 0px 0px 4px 2px rgba(0,0,0,0); } #showHeader { display: none; opacity: 0; pointer-events: none; left: 234px; } #hideHeader { display: none; opacity: 0; pointer-events: none; left: 234px; } .header a.header_icon_nav i { font-size: 3.0rem; font-weight: normal; font-style: normal; text-align: center; padding: 12px 8px 0px 8px; } a.header_icon_nav, a.header_icon_nav:visited { color: rgba(255,255,255,1); text-decoration: none; outline: none !important; } .header_icon_nav a:focus, .header_icon_nav a:active, .header_icon_nav a:hover { color: rgba(255,255,255,0.75) !important; outline: none; text-decoration: none; } .header_image { padding: 40% 0 0 0; margin-bottom: 30px; width: 100%; display: block; } .header_title { margin-top: 0px; margin-bottom: 40px; } .header_title h1 { color: #9d2c4e !important; font-weight: 600; line-height: 1; } .header_title h6 { font-weight: 300; color: #9d2c4e !important; line-height: 1; padding-bottom: 5px; } @media (min-width: 576px) { } @media (min-width: 768px) { .header_image { padding: 25% 0 0 0; } } @media (min-width: 992px) { #header-fluid { top: 40px; } .header-spacer {height: 185px;} .header-spacer-hero {height: 55px;} .header-spacer-hero-extended {height: 95px;} .header .header_logo_wrapper { height: auto; width: 100%; } .header_title h1 { } .header_nav { overflow: visible; } .header_nav nav { display: block; } .header_nav nav.menu ul { list-style:none; width: 100%; padding: 11px 0 11px 0; margin: 0 0 0 0; text-align: right; opacity: 1; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .header_nav.header_nav_sub nav.menu ul { padding: 5px 0 0 0; } .header_nav nav.menu li { display: inline-block; position: relative; padding: 0px; margin: 0px; } .header_nav nav.menu li a, .header_nav nav.menu li a:visited { text-decoration: none; display: block; color: rgba(255,255,255,1); font-family: 'Barlow Condensed', sans-serif; font-size: 2.0rem; font-weight: 600; font-style: normal; padding-left: 25px; padding-right: 0px; height: 100%; text-transform: uppercase; line-height: 32px; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .header_nav.header_nav_sub nav.menu li a, .header_nav.header_nav_sub nav.menu li a:visited { color: rgba(157,44,78,1) !important; font-size: 1.8rem !important; text-transform: none !important; line-height: 30px; } .header_nav nav.menu li:hover > a, .header_nav nav.menu li:focus > a, .header_nav nav.menu li:active > a, .header_nav nav.menu li a:hover, .header_nav nav.menu li a:focus, .header_nav nav.menu li a:active { text-decoration: none; background: none; opacity: 0.75; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .header_nav nav.menu li:hover > ul { z-index: 5; display: block; } .header_nav nav.menu ul ul { position: absolute; right: 0%; margin: 0; margin-right: -20px; display: none; width: 170px; background: rgba(158,44,78,0.85); text-align: right; padding: 15px 0 15px 0; min-width: 150px; } .header_nav nav.menu ul ul li { display: block; text-align: right; } .header_nav nav.menu ul ul li a, .header_nav nav.menu ul ul li a:visited, .header_nav nav.menu ul ul ul li a, .header_nav nav.menu ul ul ul li a:visited { text-decoration: none; background: none; padding: 5px 20px; color: rgba(255,255,255,1); line-height: 1.2; font-size: 1.6rem; font-weight: 300; } .header_nav nav.menu ul ul li:hover > a, .header_nav nav.menu ul ul li:focus > a, .header_nav nav.menu ul ul li:active > a, .header_nav nav.menu ul ul li a:hover, .header_nav nav.menu ul ul li a:focus, .header_nav nav.menu ul ul li a:active, .header_nav nav.menu ul ul ul li a:hover, .header_nav nav.menu ul ul ul li a:focus, .header_nav nav.menu ul ul ul li a:active { text-decoration: none; background: none; color: rgba(255,255,255,0.75); } .header_nav nav.menu ul ul ul { position: absolute; right: 100%; margin-right: 1px; top: -15px; padding: 15px 0px; } .header_nav nav.menu ul ul ul li { display: block; } .header_nav nav.menu li a.nav-item-disabled:hover { cursor: pointer !important; } .header_nav nav.menu li.navigation-item-active1 a, .header_nav nav.menu li.navigation-item-active1 a:visited { opacity: 1; font-weight: 300; } .header_nav nav.menu li li.navigation-item-active2 a, .header_nav nav.menu li li.navigation-item-active2 a:visited { opacity: 0.75; } .header_nav nav.menu li li.navigation-item-active2 li a, .header_nav nav.menu li li.navigation-item-active2 li a:visited { opacity: 1; } .header_nav nav.menu li li li.navigation-item-active3 a, .header_nav nav.menu li li li.navigation-item-active3 a:visited { opacity: 0.75; } #showMmenu { display: none; } #showHeader { display: block; pointer-events: none; } #hideHeader { display: block; } #header-fluid-main.header-projects { background: rgba(158,44,78,0); box-shadow: 0px 0px 3px 2px rgba(0,0,0,0); -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } #header-fluid-sub.header-projects { background: rgba(237,224,228,0); box-shadow: 0px 0px 3px 2px rgba(0,0,0,0); -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } #header-fluid-main.header-projects .header .header_logo{ -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4); -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } #header-fluid-main.header-projects .header a#showHeader { opacity: 1; pointer-events: inherit; } #header-fluid-main .header a#hideHeader { opacity: 0; display: none; pointer-events: none; } #header-fluid-main.header-projects .header_nav nav.menu ul, #header-fluid-sub.header-projects .header_nav nav.menu ul { opacity: 0; pointer-events: none; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } } @media (min-width: 1200px) { .header_nav nav.menu ul { } .header_nav nav.menu li a, .header_nav nav.menu li a:visited { } .header_nav nav.menu ul ul li a:first-child, .header_nav nav.menu ul ul li a:last-child, .header_nav nav.menu ul ul li a, .header_nav nav.menu ul ul li a:visited, .header_nav nav.menu ul ul ul li a, .header_nav nav.menu ul ul ul li a:visited { } } .mm-panel { border-right: 1px solid rgba(255,255,255,0.5); } .mm-panels, .mm-panel, .mmenu { background: rgba(158,44,78,1) !important; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { color: rgba(255,255,255,1) !important; text-transform: none; } .mm-menu .mm-listview .mm-btn_next:after, .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(255,255,255,0.5) !important; } .mm-menu .navigation-item-active, .mm-menu .navigation-item-current { font-weight: 300 !important; background: rgba(255,255,255,0.15) !important; color: rgba(255,255,255,1) !important; } .mm-menu .navigation-item-active a, .mm-menu .navigation-item-active a:active, .mm-menu .navigation-item-active a:hover, .mm-menu .navigation-item-active a:link, .mm-menu .navigation-item-active a:visited, .mm-menu .navigation-item-current a, .mm-menu .navigation-item-current a:active, .mm-menu .navigation-item-current a:hover, .mm-menu .navigation-item-current a:link, .mm-menu .navigation-item-current a:visited { color: rgba(255,255,255,1) !important; } .mm-listitem { background: rgba(255, 255, 255, 0) !important; } .mm-listitem>a, .mm-listitem>span, .mm-navbar { font-size: 2.6rem !important; font-weight: 600; padding-left: 28px !important; padding-top: 10px !important; padding-bottom: 10px !important; } .mm-navbar { padding-top: 0px !important; padding-bottom: 0px !important; } .mm-menu_position-bottom { height: 50vh !important; } @media (min-width: 768px) {} @media (min-width: 992px) {} @media (min-width: 1200px) {} @media (min-width: 1480px) {} @media (max-width:767px) and (orientation: landscape) {} @media only screen and (max-device-width: 767px) and (orientation: landscape) {} /* ******************************* */ /* FOOTER */ /* ******************************* */ #footer { display: block; width: 100%; color: #343e48; line-height: 24px; margin-top: 0px; margin-bottom: 0px; padding: 25px 0px; background: #f5f5f5; box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4); } #footer a, #footer a:visited { color: #343e48; outline: none !important; text-decoration: none !important; border-bottom: 0px dotted #ffffff !important; } #footer a:hover, #footer a:focus, #footer a:active { color: rgba(158,44,78,1); outline: none !important; text-decoration: none !important; border-bottom: 0px dotted #ffffff !important; } #footer .footer_srm a, #footer .footer_srm a:visited { color: #cccccc; outline: none !important; text-decoration: none !important; border-bottom: 0px dotted #ffffff !important; } #footer .footer_srm a:hover, #footer .footer_srm a:focus, #footer .footer_srm a:active { color: rgba(158,44,78,1); outline: none !important; text-decoration: none !important; border-bottom: 0px dotted #ffffff !important; } #footer .footer_nav ul { list-style:none; width: 100%; margin: 0 0 0 0; padding: 0; text-align: center; } #footer .footer_nav ul li { display: inline-block; position: relative; padding: 0px; margin: 0px; } #footer .footer_nav ul li a, #footer .footer_nav ul li a:visited { text-decoration: none; display: block; color: rgba(158,44,78,1); font-family: 'Barlow Condensed', sans-serif; font-weight: 600; font-style: normal; padding-left: 10px; padding-right: 10px; height: 100%; text-transform: uppercase; line-height: 20px; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } #footer .footer_nav ul li a:hover, #footer .footer_nav ul li a:focus, #footer .footer_nav ul li.footer-item-active a, #footer .footer_nav ul li.footer-item-active a:visited { color: rgba(158,44,78,0.75); } @media (min-width: 768px) { #footer { } #footer .footer_nav ul { text-align: right; } #footer .footer_nav ul li a, #footer .footer_nav ul li a:visited { padding-left: 20px; padding-right: 0px; } } .padding_default {padding-bottom: 30px;} .padding_bottom_0 {padding-bottom: 0px;} .padding_bottom_10 {padding-bottom: 10px;} .padding_bottom_15 {padding-bottom: 15px;} .padding_bottom_25 {padding-bottom: 25px;} .padding_bottom_30 {padding-bottom: 30px;} .padding_bottom_50 {padding-bottom: 50px;} .padding_bottom_75 {padding-bottom: 75px;} .padding_bottom_100 {padding-bottom: 100px;} .padding_bottom_125 {padding-bottom: 125px;} .padding_bottom_150 {padding-bottom: 150px;} .padding_top_0 {padding-top: 0px;} .padding_top_10 {padding-top: 10px;} .padding_top_15 {padding-top: 15px;} .padding_top_25 {padding-top: 25px;} .padding_top_50 {padding-top: 50px;} .padding_top_75 {padding-top: 75px;} .padding_top_100 {padding-top: 100px;} .padding_top_125 {padding-top: 125px;} .padding_top_150 {padding-top: 150px;} .margin_top_10 {margin-top: 10px;} .btn, .bnt:visited a.btn, a.btn:visited{ display: inline-block; font-size: 1.8rem; font-weight: 300 !important; font-style: normal !important; border: 1px solid transparent !important; padding: 4px 10px 4px 10px !important; line-height: 1.5 !important; } .btn:hover, .btn:focus, .btn.active, a.btn:hover, a.btn:focus, a.btn.active { border: 1px solid !important; } .badge-ghost-primary, a.badge-ghost-primary, a.badge-ghost-primary:visited, .btn-ghost-primary, .btn-ghost-primary:visited, a.btn-ghost-primary, a.btn-ghost-primary:visited { color: rgba(158,44,78,1) !important; background-color: #ffffff !important; border-color: rgba(158,44,78,1) !important; border: 1px solid !important; outline: none !important; } a.badge-ghost-primary:hover, a.badge-ghost-primary:focus, .btn-ghost-primary:hover, .btn-ghost-primary:focus, .btn-ghost-primary.active, a.btn-ghost-primary:hover, a.btn-ghost-primary:focus, a.btn-ghost-primary.active { color: #ffffff !important; background: rgba(158,44,78,0.75) !important; border-color: rgba(255,255,255,0.3) !important; outline: none !important; -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; } .badge-ghost-secondary, a.badge-ghost-secondary, a.badge-ghost-secondary:visited, .btn-ghost-secondary, .btn-ghost-secondary:visited, a.btn-ghost-secondary, a.btn-ghost-secondary:visited { color: rgba(225,140,112,1) !important; background-color: #ffffff !important; border-color: rgba(225,140,112,1) !important; border: 1px solid !important; outline: none !important; } a.badge-ghost-secondary:hover, a.badge-ghost-secondary:focus, .btn-ghost-secondary:hover, .btn-ghost-secondary:focus, .btn-ghost-secondary.active, a.btn-ghost-secondary:hover, a.btn-ghost-secondary:focus, a.btn-ghost-secondary.active { color: #ffffff !important; background: rgba(225,140,112,0.8) !important; border-color: rgba(255,255,255,0.3) !important; outline: none !important; -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; } .badge-ghost-grey, a.badge-ghost-grey, a.badge-ghost-grey:visited, .btn-ghost-grey, .btn-ghost-grey:visited, a.btn-ghost-grey, a.btn-ghost-grey:visited { color: rgba(73,73,72,1) !important; background-color: #ffffff !important; border-color: rgba(73,73,72,1) !important; border: 1px solid !important; outline: none !important; } a.badge-ghost-grey:hover, a.badge-ghost-grey:focus, .btn-ghost-grey:hover, .btn-ghost-grey:focus, .btn-ghost-grey.active, a.btn-ghost-grey:hover, a.btn-ghost-grey:focus, a.btn-ghost-grey.active { color: #ffffff !important; background: rgba(73,73,72,0.8) !important; border-color: rgba(255,255,255,0.3) !important; outline: none !important; -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; } .badge-ghost-white, a.badge-ghost-white, a.badge-ghost-white:visited, .btn-ghost-white, .btn-ghost-white:visited, a.btn-ghost-white, a.btn-ghost-white:visited { color: rgba(255,255,255,1) !important; background-color: none !important; border-color: rgba(255,255,255,1) !important; border: 1px solid !important; outline: none !important; } a.badge-ghost-white:hover, a.badge-ghost-white:focus, .btn-ghost-white:hover, .btn-ghost-white:focus, .btn-ghost-white.active, a.btn-ghost-white:hover, a.btn-ghost-white:focus, a.btn-ghost-white.active { color: rgba(255,255,255,1) !important; background: rgba(255,255,255,0.1) !important; border-color: rgba(255,255,255,0.75) !important; outline: none !important; -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; } .badge-primary, a.badge-primary, a.badge-primary:visited, .btn-primary, .btn-primary:visited, a.btn-primary, a.btn-primary:visited { color: #fff !important; background-color: rgba(158,44,78,1) !important; border-color: rgba(255,255,255,0.15) !important; outline: none !important; } a.badge-primary:hover, a.badge-primary:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary.active, a.btn-primary:hover, a.btn-primary:focus, a.btn-primary.active { color: #fff !important; background-color: rgba(158,44,78,0.75) !important; border-color: rgba(255,255,255,0.3) !important; outline: none !important; -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; } .badge-secondary, a.badge-secondary, a.badge-secondary:visited, .btn-secondary, .btn-secondary:visited, a.btn-secondary, a.btn-secondary:visited { color: #ffffff !important; background-color: rgba(225,140,112,1) !important; border-color: rgba(255,255,255,0.15) !important; font-weight: 300 !important; outline: none !important; } a.badge-secondary:hover, a.badge-secondary:focus, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.active, a.btn-secondary:hover, a.btn-secondary:focus, a.btn-secondary.active { color: #ffffff !important; background-color: rgba(225,140,112,0.8) !important; border-color: rgba(255,255,255,0.3) !important; outline: none !important; -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; } .badge-grey, a.badge-grey, a.badge-grey:visited, .btn-grey, .btn-grey:visited, a.btn-grey, a.btn-grey:visited { color: #ffffff !important; background-color: rgba(73,73,72,1) !important; border-color: rgba(255,255,255,0.15) !important; font-weight: 300 !important; outline: none !important; } a.badge-grey:hover, a.badge-grey:focus, .btn-grey:hover, .btn-grey:focus, .btn-grey.active, a.btn-grey:hover, a.btn-grey:focus, a.btn-grey.active { color: #ffffff !important; background-color: rgba(73,73,72,0.8) !important; border-color: rgba(255,255,255,0.3) !important; outline: none !important; -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; box-shadow: 0 0 0 0 rgba(255,255,255,.0) !important; } .pagination { justify-content: center; } .page-item.active a.page-link { z-index: 1; color: #fff; background-color: #819A3C; border-color: #819A3C; } a.page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #819A3C; background-color: #fff; border: 1px solid #dee2e6; } a.page-link:hover { color: #819A3C; border: 1px solid #dee2e6; } .disabled, .disabled a, .disabled i {color: #dee2e6;} img { border-style: none; } .alignleft { display: inline; float: left; margin-right: 30px; } .alignright { display: inline; float: right; margin-left: 30px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } p.wp-caption-text, .wp-caption p, .wp-caption { color: #999; font-size: 1.6rem !important; font-style: normal; max-width: 100%; } p.wp-caption-text { padding-bottom: 25px; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; margin-top: 7px; } .wp-caption .wp-caption-text { margin: 10px 0 0 0; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } img.alignnone { height: auto; /* Make sure images are scaled correctly. */ width: 100%; /* Adhere to container width. */ } img.alignleft, img.alignright { float: none; margin-top: 5px; margin-bottom: 25px; } /* Fix image alignment */ img.alignleft { float: left; } img.alignright { float: right; } img.aligncenter, img.alignnone { margin-top: 5px; } .single_image_caption {padding-top: 10px; padding-bottom: 5px; font-size: 1.6rem; font-style: normal; line-height: 1.25; width: 100%; text-align: right;} .video_format_1610 { padding:62.5% 0 0 0;position:relative; } .video_format_169 { padding:56.25% 0 0 0;position:relative; } .video_format_43 { padding:75% 0 0 0;position:relative; } .video_format_1610 iframe, .video_format_169 iframe, .video_format_43 iframe { position:absolute;top:0;left:0;width:100%;height:100%; } .video_frame { position:absolute;top:0;left:0;height: 100%; width: 100%;} .video_frame .wp-video, .video_frame .wp-video video {width: 100% !important; height: 100% !important;} .video_caption_wrapper {margin-bottom: 30px;} .video_caption {padding-top: 10px; padding-bottom: 0px; font-size: 1.6rem; font-style: normal; line-height: 1.25; width: 100%; text-align: right;} .video_privacy { opacity: 1; position: absolute; display: block; height: auto; background-color: rgba(158,44,78,0.9 ); color: #ffffff; text-align: center; z-index: 1; padding: 10px 10px; box-sizing: border-box; border-radius: 0px; left: 0px; right: 0px; bottom: 0px; } .video_privacy h5 {color: #ffffff; padding-bottom: 5px; font-size: 1.6rem} .video_privacy p {color: #ffffff; font-size: 1.4rem; line-height: 1.2;} .video_privacy_link {padding-top: 5px; } .video_privacy a, .video_privacy a:visited {color: #ffffff; border-bottom: 1px dotted rgba(255,255,255,0.5);} .video_privacy a:hover, .video_privacy a:focus, .video_privacy a:active {border-bottom: 1px dotted #ffffff; outline: none;} .video_frame:hover .video_privacy {opacity: 1;} .video_play_button { width: 45px; height: 30px; background-color: rgba(158,44,78,1 ); box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; border-radius: 6px; left: 50%; top: 50%; margin-left: -22.5px; margin-top: -15px !important; } .video_play_button:hover { background-color: rgba(158,44,78,0.8 ); box-shadow: 0 0 30px rgba( 0,0,0,0.3 ); } .video_play_button:before { content: ""; border-style: solid; border-width: 7.5px 0 7.5px 15px; border-color: transparent transparent transparent #fff; } .video_play_button { cursor: pointer; } .video_play_button, .video_play_button:before { position: absolute; } .video_privacy, .video_frame:hover .video_privacy, .video_play_button, .video_play_button:hover { -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; } .video_play_button:before { top: 7.5px; left: 17px; } @media (min-width: 576px) { .video_privacy { opacity: 0; padding: 8px 10px 10px 10px; background-color: rgba(158,44,78,0.9 ); border-radius: 5px; left: 5px; right: 5px; bottom: 5px; } } @media (min-width: 768px) { } @media (min-width: 992px) { .video_privacy { opacity: 0; padding: 15px 10px; left: 15px; right: 15px; bottom: 15px; } .video_privacy h5 {padding-bottom: 5px; font-size: 1.8rem} .video_privacy p { font-size: 1.6rem} .video_play_button { width: 90px; height: 60px; left: 50%; top: 50%; margin-left: -45px; margin-top: -30px !important; } .video_play_button:before { border-width: 15px 0 15px 26.0px; } .video_play_button:before { top: 15px; left: 35px; } } @media (min-width: 1200px) { } .row-borderless { margin-right: -2px; margin-left: -2px; } .row-borderless .col, .row-borderless .col-1, .row-borderless .col-10, .row-borderless .col-11, .row-borderless .col-12, .row-borderless .col-2, .row-borderless .col-3, .row-borderless .col-4, .row-borderless .col-5, .row-borderless .col-6, .row-borderless .col-7, .row-borderless .col-8, .row-borderless .col-9, .row-borderless .col-auto, .row-borderless .col-lg, .row-borderless .col-lg-1, .row-borderless .col-lg-10, .row-borderless .col-lg-11, .row-borderless .col-lg-12, .row-borderless .col-lg-2, .row-borderless .col-lg-3, .row-borderless .col-lg-4, .row-borderless .col-lg-5, .row-borderless .col-lg-6, .row-borderless .col-lg-7, .row-borderless .col-lg-8, .row-borderless .col-lg-9, .row-borderless .col-lg-auto, .row-borderless .col-md, .row-borderless .col-md-1, .row-borderless .col-md-10, .row-borderless .col-md-11, .row-borderless .col-md-12, .row-borderless .col-md-2, .row-borderless .col-md-3, .row-borderless .col-md-4, .row-borderless .col-md-5, .row-borderless .col-md-6, .row-borderless .col-md-7, .row-borderless .col-md-8, .row-borderless .col-md-9, .row-borderless .col-md-auto, .row-borderless .col-sm, .row-borderless .col-sm-1, .row-borderless .col-sm-10, .row-borderless .col-sm-11, .row-borderless .col-sm-12, .row-borderless .col-sm-2, .row-borderless .col-sm-3, .row-borderless .col-sm-4, .row-borderless .col-sm-5, .row-borderless .col-sm-6, .row-borderless .col-sm-7, .row-borderless .col-sm-8, .row-borderless .col-sm-9, .row-borderless .col-sm-auto, .row-borderless .col-xl, .row-borderless .col-xl-1, .row-borderless .col-xl-10, .row-borderless .col-xl-11, .row-borderless .col-xl-12, .row-borderless .col-xl-2, .row-borderless .col-xl-3, .row-borderless .col-xl-4, .row-borderless .col-xl-5, .row-borderless .col-xl-6, .row-borderless .col-xl-7, .row-borderless .col-xl-8, .row-borderless .col-xl-9, .row-borderless .col-xl-auto { padding-right: 0px; padding-left: 0px; } .gallery_image .carousel-caption { position: absolute; right: 25px; bottom: 40px; left: auto; z-index: 10; padding: 5px 5px; margin-left: 10px; font-size: 1.05rem; font-style: normal; line-height: 1.25; background: rgba(255,255,255,0.7) !important; color: rgba(158,44,78,1); text-align: right; } .gallery_image.slider .carousel-caption { right: 10px; bottom: 10px; left: auto; } .carousel-item .gallery_image .carousel-caption { position: absolute; left: 25px; bottom: 10px; right: auto; z-index: 10; padding: 5px 5px; margin-right: 10px; font-size: 1.05rem; font-style: normal; line-height: 1.25; background: rgba(255,255,255,0.7) !important; color: rgba(158,44,78,1); text-align: left; } .carousel-item.slider .gallery_image .carousel-caption { left: 10px; bottom: 10px; right: auto; } .carousel-item .gallery_image .carousel-copyright { position: absolute; right: 25px; bottom: 10px; left: auto; z-index: 10; padding: 5px 5px; margin-left: 10px; font-size: 1.05rem; font-style: normal; line-height: 1.25; background: rgba(255,255,255,0.7) !important; color: rgba(158,44,78,1); text-align: right; } .carousel-item.slider .gallery_image .carousel-copyright { right: 10px; bottom: 10px; left: auto; } .carousel-caption p { color: #ffffff; } .carousel-caption { position: absolute; right: 0; bottom: 20px; left: 0; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; } @media screen and (min-width: 767px) { .carousel-navigation-wrapper { position: absolute; bottom: 5px; right: 15px; } } .carousel-navigation, .carousel-navigation:visited { width: 48px; height: 48px; margin-top: 20px; margin-left: 10px; border: 1px solid #ffffff; position: relative; float: right; cursor: pointer; opacity: 1 !important; padding: 0px 0 0px 0; text-align: center; line-height: 1 !important; } .carousel-navigation:hover, .carousel-navigation:focus, .carousel-navigation:active { opacity: 0.75 !important; } a.carousel-navigation > i, a.carousel-navigation:visited > i, a.carousel-navigation:hover > i, a.carousel-navigation:focus > i, a.carousel-navigation:active > i { color: #ffffff; } .carousel-navigation i { font-size: 4.5rem; line-height: 0.95 !important; opacity: 1 !important; } .carousel-navigation i.fa-smaller { margin-top: 10px; font-size: 3.0rem; line-height: 0.95; } .carousel-caption h1 { color: #ffffff !important; font-weight: 600; line-height: 1; } .carousel-caption h6 { color: #ffffff !important; line-height: 1; padding-bottom: 5px; } .carousel-caption { z-index: 3; } .carousel-fade .carousel-item { transition-duration: 0.3s !important; } .heroscreen_overlay { position: absolute; z-index: 2; display: block; top: 0px; right: 0px; bottom: 0px; left: 0px; background: none; background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%); } .heroscreen_border { position: absolute; background: #ffffff; z-index: 10 !important; } .heroscreen_border.left { top: 0; bottom: 0; left: 0; width: 10px; } .heroscreen_border.right { top: 0; bottom: 0; right: 0; width: 10px; } .heroscreen_border.top { top: 0; right: 0; left: 0; height: 10px; } .heroscreen_border.bottom { bottom: 0; right: 0; left: 0; height: 10px; } .project-box { background: #f5f5f5; padding: 15px; margin-bottom: 30px; } .project-box-nav { background: #9d2c4e; padding: 15px; } .project-box-nav .btn { width: 100%; } .potyka-red {color: #9d2c4e; } .padding_gallery {padding-bottom: 30px !important;} /* SIMPLE LIGHTBOX - START */ /*****************************************/ .sl-overlay { background: #fff !important; opacity: 0.9 !important; } .sl-wrapper button { font-size: 3rem !important; } .sl-wrapper .sl-close { height: 44px; width: 44px; line-height: 44px; color: rgba(158,44,78,1) !important; font-size: 1rem !important; outline: 0 !important;} .sl-wrapper .sl-close:hover { height: 44px; width: 44px; line-height: 44px; color: rgba(158,44,78,1) !important; font-size: 1rem !important; outline: 0 !important; opacity: 1 !important;} .sl-wrapper .sl-counter { color: rgba(158,44,78,1) !important; font-size: 2rem !important; } .sl-wrapper .sl-navigation button { height: 44px; width: 22px; line-height: 44px; color: rgba(158,44,78,1) !important; outline: 0 !important;} .sl-wrapper .sl-navigation button:hover { color: rgba(158,44,78,1) !important; outline: 0 !important; opacity: 1 !important;} .sl-wrapper .sl-navigation button.sl-next, .sl-wrapper .sl-navigation button.sl-prev { font-size: 3rem !important; outline: 0 !important; } .sl-wrapper .sl-image .sl-caption { padding: 5px 0 0 0 !important; color: rgba(158,44,78,1) !important; background: rgba(0, 0, 0, 0) !important; bottom: -20px !important; left: 0; height: 20px !important; right: 0; font-size: 1.3rem !important; line-height: 1.1 !important; font-style: normal; overflow: visible; } .sl-wrapper .sl-image .sl-download { color: rgba(158,44,78,1) !important; } .sl-spinner { border: 5px solid rgba(158,44,78,1) !important; } .sl-wrapper a:focus {outline: 0 !important;} a.simpleLightbox { overflow: hidden;} a.simpleLightbox img { filter: alpha(opacity=100) !important; opacity: 1 !important;-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-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0); } a.simpleLightbox:hover img { z-index : 5; filter: alpha(opacity=80) !important; opacity: 0.80 !important; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.0); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.0); } a.simpleLightbox .gallery_image.slider img, a.simpleLightbox:hover .gallery_image.slider img { filter: alpha(opacity=0) !important; opacity: 0 !important;} @media (min-width: 576px) { .video > a.simpleLightbox img, .video > a.simpleLightbox:hover img, a.simpleLightbox.gallery_image img, a.simpleLightbox.gallery_image:hover img, a.simpleLightbox .gallery_image img, a.simpleLightbox .gallery_image:hover img { filter: alpha(opacity=0) !important; opacity: 0.0 !important; } .video > a.simpleLightbox, a.simpleLightbox.single_image img { filter: alpha(opacity=100) !important; opacity: 1 !important;-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-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0); } .video > a.simpleLightbox:hover, a.simpleLightbox.single_image:hover img { z-index : 5; filter: alpha(opacity=80) !important; opacity: 0.80 !important; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.0); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.0); } a.simpleLightbox div { -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-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0); } a.simpleLightbox:hover div { z-index : 5; filter: alpha(opacity=80) !important; opacity: 0.8 !important; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.0); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.0); } } /*****************************************/ /* SIMPLE LIGHTBOX - END */ .form-control { padding: .375rem .75rem; font-size: 1.8rem; line-height: 1.5; } .member_logo { background: rgba(255,255,255,1.00); border: 1px solid #cccccc; padding: 56.25% 0 0 0; } .member_title h6 { padding: 0px 0px 0px 0px; color: rgba(158,44,78,1); line-height: 1.1; font-size: 2.0rem; text-align: left; font-weight: 600; } a.member_box > .member_logo, a.member_box:visited > .member_logo { border: 1px solid #cccccc; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } a.member_box:focus > .member_logo, a.member_box:active > .member_logo, a.member_box:hover > .member_logo { border: 1px solid rgba(158,44,78,1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .job_preview_text { padding: 0px 0 20px 0; } .job_title h5 { padding: 0px 0px 20px 0px; color: rgba(158,44,78,1); line-height: 1.1; text-align: left; font-weight: 600; min-height: 102px; } .job_link { color: rgba(158,44,78,1); } a.member_box > .member_title h6, a.member_box:visited > .member_title h6, a.job_title > h5, a.job_title:visited > h2, a.job_link, a.job_link:visited { color: rgba(158,44,78,1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } a.member_box:focus > .member_title h6, a.member_box:active > .member_title h6, a.member_box:hover > .member_title h6, a.job_title:focus > h2, a.job_title:active > h2, a.job_title:hover > h2, a.job_link:focus, a.job_link:active, a.job_link:hover { color: rgba(158,44,78,0.75); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .filtr-item { width: 100%; padding: 0 15px 30px 15px;; } @media screen and (min-width: 767px) { .filtr-item { width: 33.3333% !important; } } a.item, a.item:visited { border: 0px solid transparent !important; } a.item:hover, a.item:focus, a.item:active { border: 0px solid rgba(255,255,255,1) !important; } .item-cover { position: absolute; z-index: 1; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); } a > .item-cover, a:visited > .item-cover, .bg-red a > .item-cover, .bg-red a:visited > .item-cover { background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } a:hover > .item-cover, a:focus > .item-cover, a:active > .item-cover { background: rgba(157,44,78,0.8); -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .bg-red a:hover > .item-cover, .bg-red a:focus > .item-cover, .bg-red a:active > .item-cover { background: rgba(0,0,0,0.6); -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .item-desc { color: white; position: absolute; text-align: left; padding: 0; z-index: 2; bottom: 8px; left: 15px; right: 15px; font-weight: 600; font-size: 2.2rem; } /* Filter controls */ .simplefilter, .multifilter, .sortandshuffle, .search-row { padding-left: 0; } .simplefilter li, .multifilter li, .sortandshuffle li { color: white; cursor: pointer; display: inline-block; text-transform: uppercase; padding: 1rem 2rem; } .simplefilter li { background-color: #585858; } .simplefilter li.active { background-color: #212121; } .multifilter li { background-color: #4b9eff; } .multifilter li.active { background-color: #2265b4; } /* Shuffle and sort controls */ select { padding: 1rem 1rem; color: #9d2c4e; font-weight: 600; } .sortandshuffle .shuffle-btn { background-color: #dec800; } .sortandshuffle .sort-btn { background-color: #de0000; } .sortandshuffle .sort-btn.active { background-color: #9d0000; } /* Search control */ .filtr-search { padding: 0.5rem; text-transform: uppercase; } /* Colored divs */ .block { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75) inset; color: white; text-align: center; height: 80px; position: relative; } .block > .text { display: inline-block; font-size: 24px; font-weight: bold; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .block.xs { height: 40px; } .block.md { height: 120px; } .block.lg { height: 160px; } .block.purple { background-color: purple; } .block.yellow { background-color: #dec800; } .block.red { background-color: crimson; } .block.green { background-color: lightgreen; } .block.blue { background-color: #4b9eff; } /* Helpers */ .push-down { margin-bottom: 0px; } .filtr-container { margin-top: 25px; padding: 0 15px !important; } .filtr-container, .color-container-1, .color-container-2, .color-container-3, .color-container-4 { display: none; transition: height 500ms ease-out; } .search-field { border: 1px solid #999; } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { }