/*
======= GEENRAL =====
*/
img {
    max-width: 100%;
}

.img-bordered {
    background-color: #dddddd;
    border: 1px solid black;
    padding: 4px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.rr-left {
    display: block;
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}

li {
    list-style: none;
}

a img.wapp {
    position: fixed;
    height: 40px;
    bottom: 20px;
    right: 5%;
    z-index: 1000;
}

.top-bar {
    background-color: #434b67;
    color: #e8e7d7;
}

.top-bar h1 {
    font-size: 1.2em;

}

.top-bar h1 a {
    color: #EFF1F7;
    transition: letter-spacing 0.5s;
}

.top-bar h1 a:hover {
    letter-spacing: 1px;

}

/* Flaired edges, by Tomas Theunissen */
hr.style-seven {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}

hr.style-seven:before {
    /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

hr.style-two {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.right-border {
    border-right: 1px solid black;
}

/* Flaired edges, by Tomas Theunissen */

/* === Beautiful border === */
.rr-border {
    /*background-color: #cde364;*/
    border-top: 3px dotted #FFF;
    border-bottom: 3px dotted #fff;
    box-shadow: inset 0 -1px 0 0 #000, inset 0 1px 0 0 #000, 0 1px 0 0 #000, 0 -1px 0 0 #000;
    margin-bottom: 1px;
    padding: 10px;

}


/*
======= HERO BLOCK =====
*/

.row-hero {
    background-image: url('img/circles_bkg.png');
    padding-top: 20px;
    padding-bottom: 20px;
}

.row-hero h1 {
    font-family: 'Merriweather', serif;
    font-size: 3em;
    font-weight: bold;
}

.hero-block-logo {
    flex-basis: 30%;
}

.hero-block-teaser {
    flex-basis: 50%;
    padding: 10px;
}

.hero-block-teaser p {
    font-family: 'Lora', serif;
    font-size: 1.2em;
}


.container.hero-block {
    background-color: rgba(237, 239, 246, 0.7);
}

.rr-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*align-items: center;*/
}

.rr-flex1 {
    flex: 1 1 256px;
    padding: 10px;
    font-family: Verdana;
    font-size: 1.1em;

}

.rr-flex3 {
    flex-basis: 40%;
    padding: 10px;
}

.rr-flex1 h1 {
    font-family: 'Merriweather', serif;
    font-size: 1.8em;
    text-align: center;
    background-color: #434b67;
    color: white;
    padding: 6px;
    margin-top: 0;

}

.rr-flex1 a:hover h1 {
    color: #FFEFBF;
}

.rr-flex1 a:hover {
    color: #FFEFBF;
}

.home img {
    border-radius: 30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#333333)";
    /*IE 8*/
    -moz-box-shadow: 3px 3px 3px #333333;
    /*FF 3.5+*/
    -webkit-box-shadow: 3px 3px 3px #333333;
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 3px 3px 3px #333333;
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#333333);
    /*IE 5.5-7*/

    border: 1px solid white;
    margin-bottom: 10px;
}

.second .rr-flex1 h1 {
    font-size: 1.5em;
}

.container.home {
    background-color: #EFF1F7;

}

/* ===== home page ======== */

.row.main-hero h1 {
    color: #e4e4e4;
    text-align: center;
    background-color: #434b67;
    padding: 10px;
    font-family: lora;
}

.row.main-hero a:hover h1 {
    color: #FFEFBF;
    text-decoration: underline;
}

p.alert-warning a:hover {
    color: green;
}

.row.main-hero p {
    margin: 0 0 10px;
    font-family: lora;
    font-size: 1.1em;
    line-height: 1.5;
}

.row.second p {
    font-family: lora;
    font-size: 1.1em;
    line-height: 1.5;
    padding: 4px;
}

/* ===== Main Menu ======== */

.rr-nav ul.navigation {

    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.rr-nav ul.navigation li a {
    list-style-type: none;
    text-align: center;
    flex: 1 1 120px;
    font-family: 'Roboto Condensed', serif;
    font-size: 1.3em;
    letter-spacing: 1px;
    padding: 5px;
    color: white;

}

.rr-nav ul.navigation li a:hover {
    color: white;
    background: none;
}

.rr-nav .container {
    background-color: #434B67;
    color: white;
}

/* --- efectul de animatie al meniului pentru bara de jos */

.rr-nav ul.navigation li a:after {
    content: '';
    position: absolute;
    display: block;
    left: 15px;
    right: 15px;
    bottom: 10px;
    height: 2px;
    background: #fff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
}

.rr-nav ul.navigation li a:hover:after,
.rr-nav ul.navigation li a:focus:after,
.rr-nav ul.navigation li a:visited:after {
    opacity: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
}

.rr-nav ul.navigation li.active a:after {
    opacity: 1;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
    background: #ffefbf;
}

.rr-nav ul.navigation li.active a {
    color: #ffefbf;
}

/* === END== Main Menu ======== */

@media screen and (min-width: 600px) {
    .rr-nav ul.navigation {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }

    .rr-nav ul.navigation li {
        list-style-type: none;
        text-align: center;
        flex: 1 1 120px;
    }
}

@media (min-width: 780px) {
    .hero-block {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

/* === main content ==== */
.rr-main p {
    font-size: 1.2em;
    font-family: 'Verdana';
}

.rr-main .page-header h2 {
    font-family: 'Merriweather', serif;
    font-size: 1.8em;
    letter-spacing: 2px;
}

.rr-main ul li {
    font-family: 'Lora', serif;
    font-size: 1.2em;
}

.alert-info ul li {
    color: #31708f;

}

/* ===END main content ==== */


/* === Meniul lateral ===*/

#cssmenu ul li.has-sub ul li.featured a {
    background-color: #943333;
    color: yellow;
}

/* ===END  Meniul lateral ===*/


.footer {
    background-color: #434b67;
    min-height: 250px;
}

/* === Chrono forms ===*/
h2.ui.header.dividing {
    margin-top: 20px;
    margin-bottom: 20px;
}

h2.ui.header .sub.header {
    margin-top: 20px;
    color: #3e3824;
}

a.chronoforms6_credits {
    opacity: 0;
}

/* === footer ===*/

.row.footer {
    padding-top: 20px;
}

.row.footer .list-group a:hover {
    color: deepskyblue;
}

p.footer {
    color: antiquewhite;
}