/*
Theme Name: Zimmer Biomet Catalog Theme
Theme URI: http://atmoapps.com
Author: Atmosphere Apps
Author URI: http://atmoapps.com
Description: Zimmer Biomet Catalog Theme
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: SASS, clean, bootstrap
Text Domain: ScanWP_starter
*/


@font-face {
    font-family: "SlatePro";
    src: url("assets/SlatePro.ttf");
}

@font-face {
    font-family: "SlatePro Medium";
    src: url("assets/SlatePro-Medium.ttf");
}


html, body {
    font-family: "SlatePro";
    margin:0;
    padding:0;
    overflow-x: hidden;
}

.body {
    padding:1.5rem !important;
}

nav.navbar {
    background:#52555c !important;
}

.section {
    margin-left:-1.5rem;
    margin-right: -1.5rem;
}

h1 {
    
    margin-bottom: 20px;
}

h3 {
	font-size:1.5rem;
}

h2 {
    border-bottom: solid 1px #aaa;
    margin-bottom: 1rem;
}

a:hover {
    text-decoration: none;
}

.section-header {
    position:relative;
}

.section-header .dark-bar {
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:50%;
    background-color:#282730;
    z-index:-1;
}

.section-header h1{
    color:#fff;
    font-size:20px;
    background:linear-gradient(.25turn,#0081c9, #24388c);
    z-index: 1000;
    display: inline-block;
    width:75%;
    padding:5px 1.5rem;
    height:34px;
    margin-bottom: 0;
    text-align: left;
}

.section-header .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 34px 34px 0 0;
    border-color: #23388c transparent transparent transparent;
    display: inline-block;
    vertical-align: top;
    margin-left:-5px;
}

.section ul {
    list-style: none;
    padding:0;
    margin:0;
}

.section ul li:hover {
    background:#ddd;
}

.section ul li a {
    color:#0081c9;
    padding:20px 10px;
    display:block;
    width:100%;
    border-bottom:solid 1px #dedede;
}

.section ul li a img {
    width:20px;
    height:20px;
    vertical-align:middle;
    margin-right: 5px;
}

.sp-image {
    width: auto !important;
    height:100% !important;
}

.events .caption {
    font-weight: bold;
    color:#000;
}

.section .events li a {
    display: flex;
}

.section .events li a .date {
    margin-right: 10px;
    text-transform: uppercase;
    color:#000;
    white-space: nowrap;
}

.section .events li a .date .day {
    display: block;
    text-align: center;
    font-size: 32px;
    line-height: 28px;
}


.section .events li a .event {
    line-clamp: 2;
    white-space: normal;
}

.att-description {
	padding-left:25px;
}

iframe {
	max-width:100%;
	margin:1rem 0;
}


.product {
	margin-top:2rem;
	border-bottom: solid 2px #f0f0f0;
	text-align:center;
}

.product:last-of-type {
	border-bottom:none;
}

.product figure {
	width:100%;
	max-width:300px;
	height:100%;
	max-height:300px;
	box-shadow: 2px 2px 5px 5px #aaa6;
	margin-left: auto;
    margin-right: auto;
}

.product img{
    object-fit: contain;
}

.product h3{
	margin-top: 1rem;
    font-size: 1.5rem;
    margin-bottom: 0;
}

.sections {
	margin-top:2rem;
}