/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
    font-family: Cooper Hewitt;
    src: url("./fonts/300/CooperHewitt-Light.eot") format("eot"), url("./fonts/300/CooperHewitt-Light.svg") format("svg"), url("./fonts/300/CooperHewitt-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Cooper Hewitt;
    src: url("../fonts/300/CooperHewitt-LightItalic.eot") format("eot"), url("../fonts/300/CooperHewitt-LightItalic.svg") format("svg"), url("../fonts/300/CooperHewitt-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: Cooper Hewitt;
    src: url("../fonts/500/CooperHewitt-Medium.eot") format("eot"), url("../fonts/500/CooperHewitt-Medium.svg") format("svg"), url("../fonts/500/CooperHewitt-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Cooper Hewitt;
    src: url("../fonts/500/CooperHewitt-MediumItalic.eot") format("eot"), url("../fonts/500/CooperHewitt-MediumItalic.svg") format("svg"), url("../fonts/500/CooperHewitt-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
}

body {
    font-family: 'Cooper Hewitt';
}

p, a {
    font-size: 16px;
}

.heading-title {
    color: white;
    text-align: center;
}

.heading-container {
    padding: 50px;
    background-image: url("../img/header.png");
    background-position: center; 
    background-size: cover;
}

.heading-container h1 {
    font-size: 42px;
}

.heading-container h2 {
    font-size: 36px;
}

.heading-container h3 {
    font-size: 30px;
}

.description-block, .title-block {
    margin-top: 30px;
}

.description-block img {
    border-radius: 20px;
}

.description-block h1, .title-block h1 {
    margin-top: 0;
    background-color: #333332;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.description-block h1 {
    text-align: right;
    padding-right: 10px;
}
.title-block h1 {
    text-align: center;
}

.title-block h2 {
    margin: auto;
    width: 50%;
    border-radius: 5px;
    border: 1px solid #333;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

ul.iskustva {
    font-style: italic;
    font-size: 16px;
}

ul.iskustva li {
    padding-right: 10px;
    line-height: 1.8em;
}

.description-block p {
    text-align: right;
    padding-right: 10px;
}

.workshop-content-block {
    text-align: center;
}

footer {
    background-image: url("../img/footer.png");
    background-position: center; 
    background-size: cover;
    padding: 50px;
    color: white;
    text-align: center;
}

footer a, footer a:hover {
    color: white;
}

.oneclick-button {
    border: 1px solid transparent; 
    background-color: #3b3b3a; 
    color: white; 
    padding: 10px; 
    border-radius: 10px;  
    background-position: center; 
    margin: 5px; font-size: 16px;
}

.oneclick-button-light {
    background-image: url(../img/button-bg-3.png); 
}

.oneclick-button-dark {
    background-image: url(../img/button-bg-2.png); 
}

.oneclick-button:hover, .oneclick-button:visited {
    color: white;
}