/* 
    Created on : 02.01.2021, 20:47:28
    Author     : Andrey
*/
@font-face {
    font-family: "Monotype";
    src: url("../fonts/monotype.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Gabriola";
    src: url("../fonts/gabriola.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "AleksandraC";
    src: url("../fonts/aleksandracregular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Monplesir";
    src: url("../fonts/Monplesir_Script.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* --- Блочные элементы  --- */
h1, h2, h3, h4, h5, h6, #start-screen, #start-screen .wrapper, #start-screen a img, 
#start-screen a, .baccy, p, .sidebar img, .otstup-10, .otstup-15, .otstup-20, .otstup-25, 
.otstup-30, .head img, .head strong, .sidebar span, .sidebar img.photo {
    display: block;
    box-sizing: border-box;
}
/* Пока убираем
.first-choice, .second-choice, .third-choice, #start-screen h1  {
    display: inline-block;
    box-sizing: border-box;
}
*/
.otstup-10 { height: 10px; } .otstup-15 { height: 15px; } .otstup-20 { height: 20px; }
.otstup-25 { height: 25px; } .otstup-30 { height: 30px; }

/* --- ---------- Основные стили ---------- --- */
html { font-size: 16px; }

body {
    background: #f2f2f2 url("../images/greyfloral.png") repeat;
    font-family: AleksandraC;
    font-size: 1rem;
}
h1, h2, h3, h4, h5, h6 { 
    font-family: Monotype; 
    color: #bd2828;
}
p { 
    text-indent: 2rem; 
    line-height: 1.3;
}
.container-my {
    max-width: 1650px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}


 /* --- Стартовая заставка с выбором главной страницы --- */
 /* Пока отключаем
 .baccy {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #9bf9ce;
    opacity: 20%;
 }
 #start-screen {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000;
 }
#start-screen h1 { 
    font-family: Monotype;
    position: relative; 
    width: auto;
    left: 50%;
    font-size: 3rem;
    top: -3rem;
}
#start-screen .wrapper { position: fixed; }
.first-choice, .second-choice, .third-choice {
    width: 150px;
    height: 200px;
    border: 1px solid blue;
    margin-right: 40px;
    position: fixed;
}
#start-screen .wrapper > div:last-child { margin-right: 0; }
#start-screen a img {
    width: 98%;
    margin: 4px auto;
}
#start-screen a {
    text-align: center;
    color: black;
    line-height: 1.1rem;
    padding: 0 4px 4px;
}
 */

/* --- Область просмотра - конткнт --- */
#main-content { display: none; }
.content {
    border: 1px solid #9bf9ce;
    border-radius: 6px;
    margin: 20px 5px 0;
    padding: 10px;
    background-color: #ffffff;
}
.about p {
    margin: 6px 0 0;
    padding: 0 5px;
    text-align: justify;
}
.about h1, .about h2 { font-size: 1.8rem; }

/* Шапка */
.head {
    min-height: 100px; 
}
.head img {
    margin: 10px auto 0;
    width: 40%;
}
.head img.logo { width: 453px; }


/* Главное меню */
nav {
    background-color: #ffffff;
    border: 1px solid #9bf9ce;
    margin: 20px 5px 0;
    border-radius: 6px;
}


/* ---------- Стили сайдбара ---------- */
.sidebar { 
    text-align: center; 
    padding-top: 20px;
}
.sidebar > div {
    position: sticky;
    top: 0;
    background-color: white;
    border: 1px solid #c0f3f1;
}
.hor-devider {
    width: 90%;
    height: 2px;
    border-bottom: 1px solid #9bf9ce;
    margin: 0 auto;
}
.sidebar span { 
    text-align: left; 
    width: 100%;
}
.sidebar span strong { color: #bd2828; }
.sidebar img.photo { 
    max-width: 96%;
    max-height: 350px;
    margin: 0 auto; 
}

/*---------- Стили футера ----------*/
.footer-my {
    min-height: 150px;
    background: linear-gradient(to top, #f1da36, #fefcea);
}