/*
Theme Name: Miezou
Author: oneDev Team
Author URI: http://www.onedev.ro/
Version: 1.0
Text Domain: miezou
*/

html,
body {
    min-height:100%;
    margin:0;
    padding:0;
    width:100%;
    min-width:320px;
}

body {
    font-size:15px;
    line-height:24px;
    font-family:"Raleway",sans-serif;
    font-weight:normal;
    color:#5c5c5c;
}

img {
    max-width:100%;
    outline:0;
}

a {
    text-decoration:none;
    color:#a6ce38;
    outline:0;

    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

a:hover {
    color:#a6ce38;
    text-decoration:none;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:bold;
    margin:0 0 20px 0;
    padding:0;
    clear:both;
}

h1 { font-size:33px; line-height:38px; }
h2 { font-size:28px; line-height:34px; }
h3 { font-size:22px; line-height:26px; }
h4 { font-size:18px; line-height:22px; }
h5 { font-size:16px; line-height:20px; }
h6 { font-size:14px; line-height:18px; }

input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"] {
    display:block;
    width:100%;
    border:1px solid #ececec;
    padding:10px 10px;
    border-radius:10px;
    outline:0;
}

textarea {
    display:block;
    width:100%;
    border:1px solid #ececec;
    padding:10px 10px;
    border-radius:10px;
    outline:0;
}

button[type="submit"],
input[type="submit"] {
    display:inline-block;
    padding:10px 20px;
    color:#fff;
    background:#a6ce38;
    font-size:14px;
    line-height:18px;
    border:none;
    cursor:pointer;
    outline:0;
}

#website-header {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:rgba(0,0,0,.3);
    padding:10px;
    z-index:9999;
}
.admin-bar #website-header { top:32px; }

#website-header .custom-logo-link img {
    height:auto !important;
}
#website-header .top {
    text-align:right;
    font-size:16px;
    line-height:24px;
    white-space: nowrap;
    vertical-align: bottom;
    margin-bottom:20px;
    height:36px;
}
#website-header .top > div { display:inline-block; padding:5px 10px; }
#website-header .top a {
    color:#a9a9a9;
    text-decoration:none;
}
#website-header .top a .fa {
    color:#a6ce39;
}
#website-header .top .social ul {
    margin:0;
    padding:0;
    list-style:none;
}
#website-header .top .social ul li {
    display:inline-block;
}
#website-header .top .contact-info a {margin-right:10px;}
#website-header .top .contact-info a:last-child {margin-right:0;}
#website-header .top .contact-info a span {
    display:inline-block;
    overflow:hidden;
    max-width:200px;
    opacity:1;
    width:auto;
    vertical-align: bottom;
    visibility: visible;
    white-space: nowrap;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
#website-header .top.search-active .contact-info a span {
    max-width:0%;
    width:0;
    opacity:0;
    visibility: hidden;
}
#website-header .news-section-toggle {
    background:#a6ce39;
    color:#fff !important;
    display:inline-block;
    padding:15px 20px;
    text-align:center;
    float:left;
    position:relative;
    left:-55px;
    top:-10px;
    width:110px;
    font-size:16px;
    line-height:16px;
}
#website-header .search {
    position:relative;
}
#website-header .toggle-search {
    background:none;
    padding:0;
    margin:0;
    color:#a6ce39;
    border:none;
    outline:0;
    cursor:pointer;
}
#website-header .search form {
    margin-right:10px;
    display:none;
}
#website-header .top.search-active .search form { display:inline-block; }
#website-header .search form .screen-reader-text,
#website-header .search form .search-submit { display:none; }

#website-header .search form label {
    display:block;
    margin:0;
}
#website-header .search form .search-field {
    z-index:10;
    border:none;
    /*border:1px solid rgba(255,255,255,.7);*/
    border-radius:5px;
    font-size:14px;
    line-height:14px;
    padding:6px 10px;
    background:none;
    background:rgba(0,0,0,0.6);
    margin:0;
    color:#fff !important;
    width:100%;
    outline:0;
}
#website-header .search form input::placeholder { color: #fff !important; }
#website-header .search form input:-moz-placeholder  { color: #fff !important; }
#website-header .search form input:-ms-input-placeholder  { color: #fff !important; }
#website-header .search form input::-moz-placeholder  { color: #fff !important; }
#website-header .search form input::-webkit-input-placeholder { color: #fff !important; }

#primary-navigation {  }
#primary-navigation:after {
    content:" ";
    display:block;
    clear:both;
}
#primary-navigation .menu-toggle {
    color:#fff;
    border:1px solid rgba(255,255,255,0.3);
    width:40px;
    height:40px;
    background:none;
    font-size:22px;
    text-align:center;
    border-radius:5px;
    outline:0;
    cursor:pointer;
    display:none;
    position:absolute;
    top:8px;
    right:5px;
    z-index:10;;
}
#primary-menu {
    text-align:right;
    list-style:none;
    margin:0;
    padding:0;
    white-space: nowrap;
    float:right;
}
#primary-menu li {
    text-align:left;
    display:block;
    position:relative;
}
#primary-menu li.focus > a {
    border:2px solid #fff;
    padding:10px 20px;
}
#primary-menu > li.focus:after { display:none !important; }
#primary-menu a {
    color:#fff;
    text-decoration:none;
    font-weight:normal;
}
#primary-menu a:hover {
    color:#a6ce38;
}
#primary-menu > li {
    display:inline-block;
    margin:0 10px;
    position:relative;
}
#primary-menu > li > a {
    display:block;
    padding:5px 0px;
    text-transform:uppercase;
    font-size:16px;
    line-height:18px;
}

#primary-menu > li:after {
    content:" ";
    position:absolute;
    width:100%;
    bottom:-5px;
    left:0;
    width:0%;
    background:#fff;
    height:3px;
    opacity:0;

    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
#primary-menu > li:hover:after {
    opacity:1;
    width:100%;
}
#primary-menu .sub-menu {
    display:none;
    background:rgba(0,0,0,0.5);
    padding:10px;
    color:#fff;
    position:absolute;
    min-width:250px;
    margin-top:5px;
}

#primary-menu .sub-menu li {
    padding:5px 0;
}
#primary-menu .sub-menu li a {
    display:block;
    padding:5px 10px;
}

#homepage-programs,
#homepage-about {
    padding:3em 0;
}

#homepage-programs h2 {
    background:#f58020;
    color:#fff;
    padding:15px 30px;
    text-align:center;
    position:absolute;
    text-transform:uppercase;
    font-size:20px;
    line-height:28px;
    left:50%;
    transform:translateX(-50%);
    z-index:10;
}

.program-card {
    position:relative;
}
.program-card img {
    display:block;
    width:100%;
    background:#fff;

    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.program-card .card-contents {
    position:relative;
    width:100%;
    background:#000;
}
.program-card .overlay {
    position:absolute;
    z-index:5;
    bottom:0;
    color:#fff;
    padding:20px 40px;
    background:transparent;
}
.program-card h3 {
    text-transform:uppercase;
}
.program-card p {
    display:block;
    margin:0;
    padding:0;
    overflow: hidden;
    height:0px;
    opacity:0;

    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.program-card footer {
    margin:0;
    padding:0;
}
.program-card footer a {
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    text-decoration:none;
    padding:15px 40px;
    color:#5c5c5c;
    display:block;
    background:#fff;
}

.program-card:hover img {
    opacity:0.8;
}
.program-card:hover p {
    height:80px;
    opacity:1;
}
.program-card:hover footer {
    background:#a6ce38;
    color:#fff;
}
.program-card:hover footer a {
    color:#fff;
    background:#a6ce38;
}

.carousel-container {
    opacity:0;
    padding:0 60px;
    position:relative;
}
.carousel-container.slick-initialized {opacity:1;}
.carousel-container .slick-arrow {
    position:absolute;
    top:50%;
    margin-top:-40px;
    width:40px;
    height:80px;
    line-height:80px;
    padding:0;
    text-align:center;
    color:#5c5c5c;
    border:none;
    background:none;
    font-size:80px;
    outline:0;
    cursor:pointer;
}
.carousel-container .slick-arrow.slick-prev {
    left:0;
}
.carousel-container .slick-arrow.slick-next {
    right:0;
}


.tabbed-carousel {}
.tabbed-carousel .button-group {
    margin-bottom:30px;
    text-align:center;
    font-size:0;
}
.tabbed-carousel .button-group button {
    display:inline-block;
    padding:10px 20px;
    text-align:center;
    background:transparent;
    color:#5c5c5c;
    border:3px solid #f58020;
    margin:0;
    font-size:14px;
    line-height:16px;
    font-weight:bold;
    cursor:pointer;
    outline:0;

    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.tabbed-carousel .button-group button.active {
    background:#f58020;
    color:#fff;
}

.tabbed-carousel .tab {
    display:none;
}
.tabbed-carousel .tab.active {
    display:block;
}

#homepage-news {
    background:#f2f2f2;
    margin:3em 0 0 0;
    padding:0 0 3em 0;
}

.news-event-slide {
    color:#5c5c5c;
}
.news-event-slide img {
    display:block;
    width:100%;
}
.news-event-slide header {
    margin-bottom:5px;
}
.news-event-slide h3 {
    font-size:24px;
    line-height:28px;
    color:#a6ce38;
    font-weight:bold;
    margin:0 0 10px 0;
    padding:0;
}
.news-event-slide h3 a {
    text-decoration:none;
    color:inherit;
}
.news-event-slide .meta {
    color:#aaaaaa;
    font-size:12px;
    line-height:14px;
}
.news-event-slide .cats {
    line-height:24px;
}
.news-event-slide .cats span {
    display:inline-block;
    margin:3px 5px;
    background:#f58020;
    color:#fff;
    padding:5px 10px;
    font-size:12px;
    line-height:14px;
    max-width:150px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-event-slide .cats span:first-child {
    margin-left:0;
}
.news-event-slide .author a { color:inherit; }

.news-event-slide footer {
    padding:10px 0;
}
.news-event-slide footer a {
    color:#5c5c5c;
    font-weight:bold;
}

.news-event-slide p {
    padding:5px 0;
    margin:0;
    font-weight:bold;
}

#website-footer {
    padding:2em 0;
    background:#2a3035;
    color:#fff;
    font-size:14px;
    line-height:28px;
}
#website-footer a {
    color:#aaaaaa;
    margin-right:5px;
    text-decoration:none;
}
#website-footer a .fa {
    color:#a6ce39;
}
#website-footer a:hover { color:#a6ce39; }
#website-footer section {
    padding:20px 0;
}
#newsletter-form {}
#newsletter-form input[type="email"] {
    display:block;
    width:100%;
    background:#454c51;
    color:#a9a9a9;
    border:none;
    font-size:14px;
    line-height:20px;
    padding:10px 20px;
    outline:0;
}
#newsletter-form button {
    background:#2a3035;
    border:3px solid #454c51;
    color:#a9a9a9;
    display:block;
    font-size:14px;
    line-height:14px;
    padding:10px 20px;
    outline:0;
}
#newsletter-form .ajax-response {

}
#newsletter-form .ajax-response.error { color:#ff0000; }
#newsletter-form .ajax-response.success { color:#a6ce38; }
#secondary-navigation {
    list-style:none;
    margin:0 0 0 -15px;
    padding:0;
}
#secondary-navigation li {
    display:inline-block;
    vertical-align: bottom;
}
#secondary-navigation li a {
    display:block;
    padding:10px 15px;
    font-weight:bold;
    text-transform:uppercase;
    font-size:16px;
    line-height:18px;
}
#secondary-navigation .sub-menu { display:block; }

#page-slider.default {
    height:500px;
    background-image:url("images/default-header.jpg");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;

    color:#fff;
    font-size:16px;
    line-height:24px;
    font-family:"Roboto Condensed", sans-serif;
    position:relative;
}
#page-slider.default h1 {
    font-family:"Raleway", sans-serif;
    font-size:33px;
    line-height:44px;
    margin:0 0 20px 0;
}
#page-slider.default .container {
    position:relative;
    height:100%;
}
#page-slider.default .container .overlay {
    position:absolute;
    top:0;
    bottom:0;
    display:flex;
    align-items:center;
    left:0;
    width:100%;
}
#page-slider.default .container .overlay > div {
    width:90%;
    text-align:center;
    max-width:650px;
    margin:60px auto 0 auto;
}

#website-content {
    padding:60px 0;
    min-height:400px;
}

h3#comments {
    margin-top:40px;
    border-top:1px solid #ececec;
    padding-top:40px;
    margin-bottom:40px;
}

.comment-respond {
    padding:30px 0;
}

.comment-respond .comment-reply-title {
    font-size:30px;
    line-height:40px;
    text-align:center;
    margin:20px 0 40px 0;
}

.comment-respond .comment-reply-title small {
    display:block;
}
.comment-respond .comment-reply-title a {
    font-size:14px;
    line-height:18px;
    display:inline-block;
    margin:20px 0;
}
.comment-respond label {
    display:block;
}
.comment-respond textarea {
    display:block;
    width:100%;
    border:1px solid #ececec;
    padding:10px 10px;
    border-radius:10px;
    outline:0;
}

.commentlist {
    list-style:none;
    margin:0;
    padding:0;
}
.commentlist .comment {
    padding:10px 0;
    margin:10px 0;
    border-bottom:1px solid #ececec;
}
.commentlist .comment-body {}
.commentlist .comment-meta {
    color:#999;
    padding:5px 0;
}
.commentlist .comment-meta:after {
    content:" ";
    display:block;
    clear:both;
}
.commentlist .comment-meta a {
    color:inherit;
}
.commentlist .comment-author { float:left; }
.commentlist .comment-metadata { float:right; }
.commentlist .comment-content {
    padding:5px 0;
    font-style:italic;
}
.commentlist .comment-metadata {  }
.commentlist .reply { text-align:right; }

#website-sidebar {
    padding:0 10px;
}
#website-sidebar .widget {
    margin-bottom:20px;
    padding:20px 0;
    border-bottom:1px solid #ececec;
}
#website-sidebar .widget:last-child { border-bottom:none; }

#website-sidebar .widget-title {
    font-size:16px;
    line-height:18px;
    margin:0 0 20px 0;
    padding:0;
}
#website-sidebar .widget ul {
    list-style:none;
    margin:0;
    padding:0;
}
#website-sidebar .widget ul li {
    padding:5px 10px;
    border-bottom:1px solid #ececec;
}
#website-sidebar .widget ul li:last-child { border-bottom:none; }

#website-sidebar .widget.widget_search {
    border-bottom:none;
}
#website-sidebar .widget.widget_search label { display:block; }
#website-sidebar .widget.widget_search .screen-reader-text { display:none; }
#website-sidebar .widget.widget_search .search-field { display:block; width:100%; }
#website-sidebar .widget.widget_search .search-submit { display:none; }

.wp-block-columns {
    margin-left:-10px;
    margin-right:-10px;
}
.wp-block-columns .wp-block-column { padding:10px; }

.edit-post-visual-editor .editor-block-list__block {
    max-width:900px !important;
}