﻿:root {
    --pink:#A05;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    
}
body {
    margin: 0;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #222;
    max-width: 1200px;
    margin: 0px auto;
    padding: 20px;
   line-height:1.7;
    font-size:1.2rem;
    background: linear-gradient(180deg,#fff 0%,#f9f9f8 50%,#eaeaea 100%);
    background-repeat: no-repeat;
    background:url('/assets/img/page-bg.gif') top right  repeat-y;
    background-position:top right;
}

html, body {
   
   
}

.pinkText{color:var(--pink);}
.pinkBg{background-color:var(--pink);}
a{color:inherit;}
    a:hover {
        color: var(--pink);
        text-decoration: none;
        border-bottom: 1px solid var(--pink);
    }

p{margin:0;}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 300;
}

h1 {
    font-size:2.6rem;font-weight:700;line-height:1.6rem;
}
h2 {
    font-size:1.8rem;line-height:1.25;margin:0;font-weight:600;
}
h3{font-weight:600;margin:0;font-size:1.4rem;}
h4{}
h5{font-size:0.9rem;margin:0;margin-bottom:10px;}

ul {
    padding: 0px 20px;
    position: relative;
}
    ul li {
        line-height: 1.5;
        padding: 0.25em 0rem;
    }
        ul li:before {
            font-family: FontAwesome;
            position: absolute;
            left: 0em;
            color: skyblue;
        }
header {
    padding-top: 5rem;
    padding-bottom: 5rem;
    min-height: calc(90vh - 200px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
header h2{font-size:2.2rem;font-weight:300;}
.container {
    padding-top:4rem;
}
.container_block {
    min-height: calc(60vh - 200px);
    display: flex;flex-wrap:nowrap;flex-direction:row;padding-bottom:30px;
    border-bottom: 1px solid #eaeaea;margin-top:2rem;
}
.container_block h2{flex: 0 0 25%;}
.container_block .content{flex-basis:0;flex-grow:1;}
    .container_block .content h3:not(:first-child) {
        margin-top: 1rem;
    }

footer {text-align:center;
    /*padding-top:1rem;*/
    font-size:1rem;
    margin-top:2rem;padding-bottom:20px;
    /*border-top:1px solid #ccc;*/
}
footer a{margin-right:20px;}

.pad10t{padding-top:10px;}
.pad20t{padding-top:20px;}

details{
    position:relative;
   
}
    details summary {
        position: relative;text-decoration:underline;
        list-style-type: none;
        font-weight: 600;
        margin-bottom:5px;
    }
    details summary:hover {
        color: var(--pink);cursor:pointer
    }
details section{background-color:#fff;padding:10px;margin-bottom:10px;}

@media (max-width: 400px) {
    /*body {
        background: url('/assets/img/page-bg.gif') top right scroll repeat-y;
        background-position: top right;
    }*/
    .container_block {
        display:block;
    }
    /*.container_block h2 {
        position: sticky;
        top: 0px;
        padding: 10px 0px
    }*/
    .container_block .content img{display:none;}
    
}