.text-brown {color: #774d28}
.text-orange {color: #b68150}
.text-dark-brown {color: #442a19}
.text-orange {color: #f1c152}

.preloader{background: #d9d1bf}

a>h1,a>h2,a>h3,a>h4,a>h5,a>h6,h1>a,h2>a,h3>a,h4>a,h5>a,h6>a {color:#442a19;font-family:"Alexandria", sans-serif;}

/*** HEADER ***/
header .header__top-logo img {max-width: 100px;}
header .header__logo img {max-width: 50px;}
header .header__menu ul {font-family:'Alexandria', sans-serif;}

#block-ayle-languageswitcher {margin-top:16px}
#block-ayle-languageswitcher a {text-transform: uppercase; font-weight: bold;}
#block-ayle-languageswitcher a.is-active {color:#f1c152;}

/*** ADMIN ***/
#block-ayle-primary-local-tasks ul.tabs.primary {margin:50px 0; border-bottom: 2px solid #f1c152}
#block-ayle-primary-local-tasks ul.tabs.primary li a {padding:10px 40px; display:block; background: rgba(241, 193, 82,0.3); border-top-right-radius: 5px; border-top-left-radius: 5px; color:#000;}
#block-ayle-primary-local-tasks ul.tabs.primary li a.is-active, #block-ayle-primary-local-tasks ul.tabs.primary li a:hover {background-color:#f1c152; color:#FFF}


/*** NODES ***/
.carousel { background: #DDD; max-width: 720px }
.carousel-image { display: block; height: 400px; width: auto; min-width: 150px; max-width: 100%; margin-right: 10px; }
.carousel.is-fullscreen .carousel-image { height: 100%; }

.node .field--name-body ul {padding-left:20px}
.node .field--name-body ul li {list-style-type: disc;}

article.node--type-article, article.node--type-prayer, article.node--type-reading {box-shadow: 1px 0px 5px 1px #d9d1bf; background: #FFF;}

/*** Contact us ***/
.contact__form form select{
    border: 1px solid #ecf0f3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
    padding: 16px 20px; margin-bottom: 20px; margin-top: .25rem; width: 100%; font-size: 0.875em; line-height: 1.15; color: #6c757d;
}

.contact__form form [type=submit] {padding:0 2rem}
.contact__form form [type=submit]:hover {background: #da5455;}

@media (min-width: 576px) {
.contact__form form div.form-item-name, .contact__form form div.form-item-country { width: calc(100% / 2 - 15px);}
.contact__form form input{width: 100%}
.contact__form form input[type=submit]{width: auto}
}

.location__map div.field--name-field-map {height:100%}

.location__info-bottom .section__wrapper .location__info-right {width: calc(100% - 40px)}

/*** SIDEBAR ***/
.region-sidebar .section__wrapper {width:100%}
.region-sidebar .menu-item a.is-active {color:#f1c152}
.sidebar .section__header h2 {color: rgb(68 42 25 / 70%)}

/** Search Form **/
#search-block-form--2 .js-form-item {width: calc(100% - 40px)}
#search-block-form--2 div#edit-actions--2 {width: 36px;}
#search-block-form--2 div#edit-actions--2 input {text-indent: -9999px; background: url('../images/search-loop.png') no-repeat center center; background-size: contain;}

/*** ARTICLES ***/
.article-row {background: #FFF; border:1px solid #ecf0f3; padding:15px}
.article-row .article-img-wrapper {width:100%; overflow:hidden}
.article-row img {transition:all .3s ease}
.article-row:hover img {transform: scale(1.2)}
.article-row:hover a {color:#f1c152}

/*** READINGS ***/
.sermon__inner {padding:12px}
.sermon__content {padding-left:15px}
.sermon__thumb {width: 120px}

/*** EVENTS ***/

/*** FOOTER ***/
.social__area i {font-size:0px}
.social__area i::before {font-size: 1rem}