/*
Theme Name: Raise Charity
Theme URI: https://themepalace.com/downloads/raise-charity
Author: Theme Palace
Author URI: https://themepalace.com
Description: Raise Charity is a WordPress charity theme build for any kind of non-profit organization. It is a fully functional and ready-to-use theme for any organization related to non-profit campaigns like Fundraising, Crowdfunding, or any other contribution & cause-related organization Website. It is designed and developed to have a complete website that helps create awareness, display the events you have been doing, and even attract visitors to participate and donate for your events. Raise charity is easy to use and get started with. 
Version: 1.0.1
Requires PHP: 5.6
Requires at least: 5.1
Tested up to: 5.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: raise-charity
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Raise Charity is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Layouts and Titles
# Media
	## Captions
	## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
	## Featured Slider
	## About Us Section
	## Services Section

# Blog/Archive/Single
# Footer
# Font Family Options
# Responsive

--------------------------------------------------------------*/

@-webkit-keyframes rotating
/* Safari and Chrome */

{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes infinitepreloader {
    100% {
        transform: rotate(180deg);
    }
}

@keyframes preloader {
    0% {
        height: 5px;
        transform: translateY(0px);
        background: #0bb3e4;
    }
    25% {
        height: 30px;
        transform: translateY(15px);
        background: #0bb3e4;
    }
    50% {
        height: 5px;
        transform: translateY(0px);
        background: #0bb3e4;
    }
    100% {
        height: 5px;
        transform: translateY(0px);
        background: #0bb3e4;
    }
}

.backtotop {
    text-align: center;
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 43px;
    background: rgb(0 0 0 / 30%);
    border-radius: 0;
    font-size: 18px;
    bottom: -100px;
    right: 25px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    cursor: pointer;
    z-index: 300;
}

.backtotop:hover {
    background: rgb(0 0 0 / 50%);
}

.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

.backtotop:hover svg {}

@-webkit-keyframes colorchange {
    0% {
        border-color: #e30048;
    }
    25% {
        border-color: #4db2ec;
    }
    50% {
        border-color: #9acf0b;
    }
    75% {
        border-color: #a93d7b;
    }
    100% {
        border-color: #f1ad02;
    }
}

@keyframes colorchange {
    0% {
        border-color: #e30048;
    }
    25% {
        border-color: #4db2ec;
    }
    50% {
        border-color: #9acf0b;
    }
    75% {
        border-color: #a93d7b;
    }
    100% {
        border-color: #f1ad02;
    }
}


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: "Meiryo", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: normal;
    color: #333;
    background: #f4f4f4;
    /* Fallback for when there is no custom background color defined. */
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.3;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 20px;
    font-weight: bold;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

p {
    margin: 10px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #333;
}

.h3-space {
    letter-spacing: -1px;
}


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #2367dd;
}

a:focus {
    outline: 0;
}


/*--------------------------------------------------------------
#  Header
--------------------------------------------------------------*/

#masthead.site-header {
    position: relative;
    width: 100%;
    background: #333;
    padding: 10px 0;
    z-index: 2;
}

.site-branding {
    float: left;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.site-logo {
    margin-right: 20px;
}

@media (max-width: 478px) {
    #masthead.site-header .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .site-branding {
        width: 80%;
    }
    .site-logo {
        margin-right: 0;
    }
}

.site-logo img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-navigation {
    display: block;
    position: relative;
    float: right;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    position: relative;
    padding: 0 15px;
}

.main-navigation a {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}

.main-navigation ul.nav-menu>li:hover>a,
.main-navigation ul.nav-menu>li>a:hover {
    color: #fd6500;
}


/*--------------------------------------------------------------
#  Menu Toggle
--------------------------------------------------------------*/

.menu-toggle {
    display: block;
    position: relative;
    min-width: 64px;
    min-width: 112px;
    height: 30px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-size: 16px;
    margin: auto;
}

.menu-label {
    float: right;
    color: #fff;
}

svg.icon-menu {
    vertical-align: baseline;
    width: 30px;
    height: 30px;
    fill: #fff;
}

.menu-open svg.icon-menu {
    display: none;
}

@media screen and (max-width: 478px) {
    .menu-toggle {
        height: 30px!important;
    }
}

@media screen and (max-width: 992px) {
    .menu-toggle {
        /*height: 56px;*/
        top: 12px;
    }
}


/*--------------------------------------------------------------
#  Content Layout
--------------------------------------------------------------*/

#content {
    overflow-x: hidden;
    position: relative;
}

.home #content {
    background-color: #333333;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23404040' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 4%;
    background-position: center;
}


/*--------------------------------------------------------------
#  Featured Slider Section
--------------------------------------------------------------*/

#featured-slider-section {
    position: relative;
}


/*--------------------------------------------------------------
#  About Section
--------------------------------------------------------------*/

#about-section {
    padding: 90px 0;
     background: #f4f4f4;
}

#about-section article.has-post-thumbnail {
    z-index: 1;
}

#about-section article.has-post-thumbnail .featured-image {
    position: relative;
    background-position: 50%;
    background-size: cover;
    padding: 300px 0;
    border: solid 10px #f4f4f4;
    box-shadow: 0 10px 15px 0 rgba(51, 51, 51, 0.45);
}

#about-section article.has-post-thumbnail .featured-image:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-repeating-linear-gradient(-45deg, #fd6500, #fd6500 6px, #f4f4f4 6px, #f4f4f4 12px);
    background: repeating-linear-gradient(-45deg, #fd6500, #fd6500 6px, #f4f4f4 6px, #f4f4f4 12px);
    left: 40px;
    top: 40px;
    z-index: -1;
}

#about-section article.has-post-thumbnail .entry-container {
    /*text-align: center;*/
}

#about-section article.has-post-thumbnail .section-header {}

#about-section article.has-post-thumbnail h2.section-title {
    position: relative;
    font-size: 28px;
    font-weight: bold;
}

#about-section article.has-post-thumbnail .entry-content {}

#about-section article.has-post-thumbnail .entry-content p {}

@media (max-width: 478px) {
    #about-section article.has-post-thumbnail .featured-image {
        /*margin-bottom: 20px;*/
    }
}

@media screen and (max-width: 767px) {
    #about-section article.has-post-thumbnail .featured-image {
        padding: 150px 0;
    }
    #about-section article.has-post-thumbnail .entry-container {
        /*text-align: center;*/
        padding: 50px 0 0;
    }
    #about-section article.has-post-thumbnail h2.section-title:after {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media (max-width: 992px) {
    #about-section {
        padding: 60px 0;
    }
}


/*--------------------------------------------------------------
#  Recent Cause Section
--------------------------------------------------------------*/

#recent-cause-section {
    padding: 90px 0 90px;
     background: #f4f4f4;
}

.recent-cause-item {
    background: #fff;
}

.recent-cause-item .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 110px 0;
    margin-bottom: 20px;
}

.recent-cause-item .entry-container {
    padding: 0 20px 20px;
}

.recent-cause-item .entry-header {}

.recent-cause-item h3.entry-title {}

.recent-cause-item h3.entry-title a {
    color: #333;
}

.recent-cause-item .entry-content {}

.recent-cause-item .entry-content p {
    margin-top: 0;
} 

.recent-cause-item .read-more {
    margin-top: 10px;
}

@media (max-width: 992px) {
    #recent-cause-section {
        padding: 60px 0 60px;
    }
}


/*--------------------------------------------------------------
#  Service Section
--------------------------------------------------------------*/

#service-section {
    padding: 90px 0;
    background: #fff;
}

#service-section .wrapper {
    margin-top: 35px;
    margin-bottom: 35px;
}

#service-section .featured-image {
    position: relative;
    background-position: 50%;
    background-size: cover;
    padding: 150px 0;
}

#service-section .section-container {}

#service-section .section-header {}

#service-section .section-header h2.section-title {
    position: relative;
    font-size: 28px;
    font-weight: normal;
}

#service-section .section-content {
    position: relative;
    padding-top: 15px;
    padding-left: 15px;
}

#service-section .section-content:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-top: solid 2px #fd6500;
    border-left: solid 2px #fd6500;
    top: 0;
    left: 0;
}

#service-section article {}

#service-section .service-item-wrapper {}

#service-section article .entry-content {}

#service-section article .entry-content h3 {}

#service-section article .entry-content p {}

@media (max-width: 992px) {
    #service-section {
        /*padding: 60px 0;*/
        padding: 0;
    }
    #service-section .featured-image {
        margin-bottom: 20px;
    }
    #service-section .section-header h2.section-title {
        font-size: 28px;
    }
}

@media screen and (min-width: 767px) {
    #service-section .featured-image {
        padding: 200px 0;
    }
}


/*--------------------------------------------------------------
#  Promotion Section
--------------------------------------------------------------*/

#promotion-section {
    position: relative;
    background-attachment: fixed;
    background-position: 50%;
    background-size: cover;
    padding: 90px 0;
    /*margin-top: 90px;*/
    width: 97%;
    margin: 20px auto;
}

@media (max-width: 992px) {
    #promotion-section {
        width: 95%;
    }
}

@media (max-width: 478px) {
    #promotion-section {
        width: 90%;
    }
}

/*#promotion-section:before {
    display: inherit;
    position: absolute;
    content: "";
    border: solid 1px transparent;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}*/

#promotion-section .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    top: 0;
    left: 0;
}

#promotion-section .wrapper {
    position: relative;
    text-align: center;
    max-width: 825px;
    z-index: 1;
}

#promotion-section .entry-header {}

#promotion-section h2.entry-title {
    position: relative;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 30px;
}

#promotion-section h2.entry-title:before {
    position: absolute;
    content: "";
    width: 100px;
    height: 20px;
    border: solid 2px #fd6500;
    border-top: none;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#promotion-section .entry-content {}

#promotion-section .entry-content p {
    color: #fff;
}

@media (max-width: 992px) {
    #promotion-section {
        /*margin-top: 60px;*/
    }
}


/*--------------------------------------------------------------
#  Team Section
--------------------------------------------------------------*/

#team-section {
    padding: 90px 0 90px;
    background: #f4f4f4;
}

#team-section .team-item-wrapper {
    background: #fff;
}

#team-section .featured-image {
    overflow: hidden;
    position: relative;
    /*width: 200px;
    height: 200px;
    border: solid 8px none;
    border-radius: 100%;*/
    margin: 0 auto 20px;

    /*width: 100%;*/
}

#team-section .featured-image:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#team-section .team-item-wrapper:hover .featured-image:before,
#team-section .team-item-wrapper:focus .featured-image:before {
    opacity: 0.5;
}

#team-section .featured-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    /*border-radius: 100%;*/
}

#team-section .entry-container {
    padding: 0 20px 20px;
}

#team-section .entry-container .entry-header {}

#team-section .entry-container h3.entry-title {}

#team-section .entry-container h3.entry-title a {
    color: #333;
}

#team-section .entry-container .team-position {
    margin: 10px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #333;
}

@media (max-width: 992px) {
    #team-section {
        padding: 60px 0;
    }
}

#team-section .read-more {
    margin-top: 20px;
}

.read-more .btn {
    text-align: center;
    display: inline-block;
    background: #fd6500;
    border: solid 2px #fd6500;
    border-radius: 25px;
    padding: 8px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    transition: all .3s ease;
    /*-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}

.read-more .btn:hover {
    background: none;
    border: solid 2px #e0e0e0;
    color: #fd6500;
}


/*--------------------------------------------------------------
#  Single / Page Site Header
--------------------------------------------------------------*/

#page-site-header {
    text-align: center;
    position: relative;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
    padding: 200px 0;
}

#page-site-header .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 40%);
    top: 0;
    left: 0;
}

#page-site-header .header-wrapper {}

#page-site-header .wrapper {
    position: relative;
}

#page-site-header .page-header {}

#page-site-header h2.page-title {
    margin: 0;
    padding: 0;
    font-size: 38px;
    font-weight: normal;
    color: #fff;
}


/*--------------------------------------------------------------
#  Single
--------------------------------------------------------------*/

#inner-content-wrapper {
    position: relative;
    padding: 90px 0;
}

@media (max-width: 992px) {
    #inner-content-wrapper {
        padding: 60px 0;
    }
}

.right-sidebar #primary {}

#main.site-main {}

.single-wrapper {
    border: solid 2px #fd6500;
    padding: 5px;
}

.single-wrapper article {
    background: #fff;
    padding: 30px;
}

.single-wrapper article .entry-container {}

.single-wrapper article .entry-content {}

.single-wrapper article .entry-content h3 {}

.single-wrapper article .entry-content p {}


/*--------------------------------------------------------------
#  Secondary
--------------------------------------------------------------*/

.right-sidebar #secondary {
    /*overflow: hidden;*/
    position: relative;
}

#secondary .widget {
    margin-bottom: 30px;
}

#secondary .widget:first-child {
    margin-bottom: 40px;
}

#secondary .widget:last-child {
    margin-bottom: 0;
}

#secondary .widget h2.widget-title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
    margin-top: 10px;
}

#secondary .widget h2.widget-title:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 32px;
    border: solid 2px #fd6500;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}

#secondary .widget .widget-title a {
    color: #333;
    background: #f4f4f4;
    padding: 10px;
    display: inline-block;
}

#secondary .widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: solid 1px #ddd;
}

#secondary .widget ul li {
    margin: 0;
    padding: 10px 20px 10px 20px;
    border-bottom: dashed 1px #ccc;
}

#secondary .widget ul li:last-child {
    border-bottom: none;
}

#secondary .widget ul li a {
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

#secondary .widget ul li a:hover,
#secondary .widget ul li:hover a {
    color: #2367dd;
}

@media (max-width: 992px) {
    .right-sidebar #secondary {
        margin-top: 60px;
    }
}


/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/

#colophon {
    margin: 0;
    padding: 15px 0;
    background: none;
}

.site-info {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #707070;
}

.site-info span {
    display: block;
    text-align: center;
}

.site-info a,
.site-info a:hover {
    color: #333;
}


/*--------------------------------------------------------------
# The END
--------------------------------------------------------------*/

#page {
    position: relative;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

tbody {
    text-align: left;
}

tr {
    border: 1px solid #e4e4e4;
}

td,
th {
    padding: 5px;
    font-weight: 400;
}

th {
    color: #000;
}

td#next {
    text-align: right;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    line-height: 30px;
    word-wrap: break-word;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #2367dd;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

blockquote {
    padding: 0 60px 0 40px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    position: relative;
    margin: 0 0 21px;
}

blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 21px;
    padding-left: 1.5em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 0.5em;
}

dt {
    font-weight: bold;
    margin-bottom: 1em;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
    vertical-align: middle;
}

figure {
    margin: 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    outline: thin dotted #000;
}

input[type="text"],
input[type="url"],
input[type="number"],
input[type="color"],
textarea {
    color: #2367dd;
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px 20px;
    background-color: #eee;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #000;
    outline: thin dotted;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#top-navigation {
    background-color: #4db2ec;
    z-index: 3;
    position: relative;
}

#top-navigation .main-navigation ul.nav-menu>li>a {
    text-transform: uppercase;
}

.menu-sticky #masthead {
    position: sticky;
    top: 0;
}

#masthead .custom-button {
    padding: 8px 35px;
    display: inline-block;
    text-align: center;
    background-color: #4db2ec;
    border: 2px solid #4db2ec;
    border-radius: 50px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#masthead .custom-button:hover,
#masthead .custom-button:focus {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.main-navigation ul.nav-menu li:hover>svg,
.main-navigation ul.nav-menu li:focus>svg,
.main-navigation li.menu-item-has-children:hover>a>svg,
.main-navigation li.menu-item-has-children>a:hover>svg,
.main-navigation li.menu-item-has-children>a:focus>svg,
.main-navigation ul.nav-menu>li.current-menu-item>a>svg {
    fill: #4db2ec;
}

.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}

.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #000;
    border-bottom: 1px solid #eee;
    border-left: 1px solid rgba(238, 238, 238, 0.5);
}

.main-navigation ul.sub-menu a:after {
    float: right;
}

.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 225px;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
    background-color: #4db2ec;
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {
    color: #000;
}

.main-navigation .count {
    float: right;
    background-color: #4db2ec;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 1.1;
    margin-top: 5px;
}

.main-navigation svg.icon-close {
    display: none;
}

svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

svg.icon-close {
    width: 15px;
    height: 15px;
}

.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: #000;
}

.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #000;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 55px;
    line-height: 62px;
}

.main-navigation .dropdown-toggle.active>svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.menu-overlay {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.menu-overlay.active {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 1;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.wrapper:before,
.wrapper:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.wrapper:before,
.wrapper:after {
    clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

/*.widget {
    margin: 0 0 1.3em;
}

.widget:last-child {
    margin-bottom: 0;
}*/

#colophon .widget {
    margin: 0 0 40px;
}

#colophon .widget.widget_text {
    margin-bottom: 20px;
}

#colophon .widget:last-child {
    margin-bottom: 0;
}


/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
    background-color: #f6f6f6;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}

.widget select:focus {
    outline: thin dotted;
}

.widget input {
    height: 40px;
    border-radius: 0;
    padding: 0 15px;
    border: none;
}

/*.widget li:not(:last-child) {
    margin-bottom: 20px;
}*/

input[type="submit"] {
    padding: 9px 35px;
    display: inline-block;
    text-align: center;
    background-color: #4db2ec;
    border: 2px solid #4db2ec;
    border-radius: 50px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #000;
    border-color: #000;
    color: #fff;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-summary {
    margin: 0;
}

.page-header small {
    font-size: 12px;
    color: #4db2ec;
}

.single-wrapper .entry-title {
    font-size: 32px;
    font-weight: 700;
}

/*.single-wrapper article p {
    margin-top: 0;
    margin-bottom: 28px;
}*/

.single-wrapper article blockquote p {
    margin-bottom: 0;
}

.single-wrapper article img {
    margin-bottom: 30px;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/

section {
    position: relative;
}

.relative {
    display: block;
    position: relative;
}

.relative:before,
.relative:after {
    content: "";
    display: table;
    clear: both;
}

.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

/*.page-section {
    padding: 60px 0;
}*/

/*.section-header {
    margin-bottom: 45px;
    text-align: center;
}*/

/*.section-title {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 10px;
    word-wrap: break-word;
    position: relative;
    font-family: 'Architects Daughter', cursive;
}

.section-title a {
    text-decoration: none;
    color: #000;
}

.section-title a:hover,
.section-title a:focus {
    color: #2367dd;
}*/

/*.entry-title {
    font-size: 22px;
    margin: 0 0 15px;
    font-weight: 500;
}

.entry-title a {
    color: #000;
    text-decoration: none;
}

.entry-title a:hover,
.entry-title a:focus {
    color: #2367dd;
}*/

/*.overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}*/

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

/*.btn {
    padding: 9px 35px;
    display: inline-block;
    text-align: center;
    background-color: #4db2ec;
    border: 2px solid #4db2ec;
    border-radius: 50px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn:hover,
.btn:focus {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.read-more {
    text-align: center;
}*/

.same-background+.same-background {
    padding-top: 0;
}

.col-1 article,
.col-2 article,
.col-3 article,
.col-4 article,
.col-5 article,
.col-6 article {
    margin-bottom: 30px;
    width: 100%;
}

.col-1 article:last-child,
.col-2 article:last-child,
.col-3 article:last-child,
.col-4 article:last-child,
.col-5 article:last-child,
.col-6 article:last-child {
    margin-bottom: 0;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}


/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/

.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*--------------------------------------------------------------
#  Slick Pagination
--------------------------------------------------------------*/

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-slide {
    outline: none;
}

.slick-prev:before,
.slick-next:before {
    content: "";
    background-image: url('https://kb-mostar.org/css/assets/uploads/right-arrow-angle.svg');
    width: 16px;
    height: 16px;
    display: inline-block;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
}

.slick-prev:before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.slick-prev,
.slick-next {
    background-color: rgb(255 255 255 / 50%);
    width: 50px;
    height: 50px;
    border-radius: 50px;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    opacity: 1;
    background-color: #fff;
}

.slick-prev {
    left: 50px;
}

.slick-next {
    right: 50px;
}

.slick-dots {
    bottom: 25px;
}

.slick-dots li {
    margin: 0 2px;
}

.slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: 1px solid #4db2ec;
}

.slick-dots li.slick-active button {
    background-color: #4db2ec;
}

.slick-dots li button:focus {
    outline: thin dotted #000;
}

.slick-dots li button:before {
    display: none;
}


/*--------------------------------------------------------------
#  Featured Slider Section
--------------------------------------------------------------*/

#featured-slider-section .wrapper {
    position: relative;
}

.featured-slider article {
    background-color: #000;
    background-size: cover;
    background-position: 50%;
    padding: 150px 0;
    vertical-align: middle;
    position: relative;
}

.featured-slider .slick-dots li button {
    border-color: #fff;
}

.featured-slider .slick-dots li.slick-active button {
    background-color: #fff;
}


/*--------------------------------------------------------------
#  Recent Cause Section
--------------------------------------------------------------*/

/*#recent-cause-section .btn {
    background-color: transparent;
    border-color: #000;
}

#recent-cause-section .btn:hover,
#recent-cause-section .btn:focus {
    background-color: #000;
    border-color: #000;
}*/


/*--------------------------------------------------------------
#  Course Section
--------------------------------------------------------------*/

#about-section+#course-section {
    padding-top: 0;
}


/*--------------------------------------------------------------
#  Service Section
--------------------------------------------------------------*/

#service-section .entry-title {
    font-size: 20px;
    margin: 0 0 7px;
}


/*--------------------------------------------------------------
#  Promotion Section
--------------------------------------------------------------*/

#promotion-section .read-more {
    margin-top: 30px;
}


/*--------------------------------------------------------------
#  Team Section
--------------------------------------------------------------*/

#team-section .team-item-wrapper:hover .social-icons,
#team-section .team-item-wrapper:focus .social-icons {
    opacity: 1;
    visibility: visible;
}

/*#team-section .btn {
    border-color: #000;
    background-color: transparent;
    padding: 5px 25px;
}

#team-section .btn:hover,
#team-section .btn:focus {
    border-color: #000;
    background-color: #000;
    color: #fff;
}*/


/*--------------------------------------------------------------
#  Single
--------------------------------------------------------------*/

.single-wrapper .featured-image {
    margin-bottom: 30px;
}


/*--------------------------------------------------------------
# 					Footer
--------------------------------------------------------------*/

#colophon li a {
    text-decoration: none;
}

#colophon .widget-title {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 20px;
    color: #4db2ec;
}


/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/

@media screen and (min-width: 767px) {
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6 {
        margin: 0 -15px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .col-2 article,
    .col-3 article,
    .col-4 article,
    .col-5 article,
    .col-6 article {
        padding: 0 15px;
        float: left;
        width: 33.33%;
        margin-bottom: 30px;
    }
    .col-2 article:nth-last-child(-n+2),
    .col-3 article:nth-last-child(-n+2),
    .col-4 article:nth-last-child(-n+2),
    .col-5 article:nth-last-child(-n+2),
    .col-6 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .featured-content-wrapper .entry-title {
        font-size: 42px;
    }
    /*.right-sidebar #secondary {
        margin-top: 50px;
    }*/
}

@media screen and (min-width: 767px) {
    .col-1 .hentry {
        width: 100%;
    }
    .col-2 .hentry {
        width: 50%;
        float: left;
    }
    .col-3 .hentry {
        width: 33.33%;
        float: left;
    }
    .col-4 .hentry {
        width: 50%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }
    .col-5 article,
    .col-6 article {
        width: 33.33%;
    }
    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: none;
    }
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: left;
    }
    .col-5 article:nth-last-child(-n+3),
    .col-6 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    blockquote.alignright {
        width: -webkit-calc(50% - 0.736842105em);
        width: calc(50% - 0.736842105em);
        margin-top: 10px;
        margin-bottom: 25px;
    }
    #about-section article.has-post-thumbnail {
        display: table;
        position: relative;
        width: 100%;
    }
    #about-section article.has-post-thumbnail .featured-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        display: table-cell;
        height: 100%;
        padding: 0;
        margin-bottom: 0;
    }
    #about-section article.has-post-thumbnail .entry-container {
        float: right;
        display: table-cell;
        width: 50%;
        /*padding: 50px;*/
        padding: 50px 0 50px 60px;
    }
    /*#about-section article.has-post-thumbnail .section-header,
    #about-section article.has-post-thumbnail .entry-content,
    #about-section article.has-post-thumbnail .read-more {
        text-align: left;
    }*/
    /*#service-section .featured-image {
        padding: 200px 0;
    }*/
    .site-info.col-2 span {
        float: left;
        width: 50%;
        text-align: left;
    }
    .site-info.col-2 span:nth-child(2) {
        float: right;
        text-align: right;
    }
}

@media screen and (min-width: 992px) {
    .col-4 .hentry {
        width: 25%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-4 article {
        width: 25%;
    }
    .col-5 article {
        width: 20%;
    }
    .col-6 article {
        width: 16.66%;
    }
    .col-4 article:nth-last-child(-n+4),
    .col-5 article:nth-last-child(-n+5),
    .col-6 article:nth-last-child(-n+6) {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1024px) {
    .col-3 article {
        width: 33.33%;
    }
    .col-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    .site-branding {
        width: 30%;
    }
    #masthead .main-navigation {
        /*margin: 26px 0;*/
        margin: 13px 0;
    }
    .main-navigation {
        width: 70%;
        text-align: right;
    }
    .nav-shrink .site-branding {
        min-height: 82px;
        padding: 5px 0;
    }
    .main-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
    }
    .nav-shrink .main-navigation ul.nav-menu>li.current-menu-item>a:after,
    .nav-shrink .main-navigation ul.nav-menu>li:hover>a:after {
        bottom: 0;
    }
    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul {
        left: auto;
        right: 0;
    }
    .main-navigation ul ul li:hover>ul,
    .main-navigation ul ul li.focus>ul {
        left: auto;
        right: 100%;
    }
    .main-navigation ul ul ul {
        top: 0;
    }
    .main-navigation ul.sub-menu li a {
        color: #fff;
        border-left: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }
    .main-navigation .menu-item-has-children>a:after {
        float: none;
    }
    .main-navigation ul.sub-menu li:hover>a,
    .main-navigation ul.sub-menu li:focus>a {
        color: #fff;
    }
    .main-navigation .sub-menu svg {
        fill: #fff;
        right: 0;
        margin-top: 5px;
    }
    .main-navigation ul.sub-menu>li:last-child>a {
        border-bottom: none;
    }
    .main-navigation ul.nav-menu>li.menu-item-has-children:hover>a:before {
        content: "";
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #111;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 10px;
        height: 10px;
        margin: auto;
    }
    .main-navigation ul.nav-menu>li.menu-item-has-children:hover>a:after {
        display: none;
    }
    #masthead .main-navigation ul ul li a svg {
        display: inline-block;
        top: 14px;
        right: 15px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .main-navigation ul ul {
        background-color: #000;
    }
    .main-navigation ul ul li a {
        padding-left: 20px;
        padding-right: 20px;
    }
    .main-navigation ul ul li.menu-item-has-children:hover>a>svg,
    .main-navigation ul ul li.menu-item-has-children>a:hover>svg {
        fill: #fff;
    }
    button.dropdown-toggle {
        display: none;
    }
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation .left-menu {
        padding-left: 50px;
    }
    .main-navigation ul.nav-menu>li.left-menu>a,
    .main-navigation ul.nav-menu>li.right-menu>a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .main-navigation li.left-menu+li.right-menu:before {
        content: "/";
        position: absolute;
        top: 50%;
        margin-left: -6px;
        color: #fff;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    /*.page-section {
        padding: 90px 0;
    }*/
    #featured-slider-section {
        clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    }
    .featured-slider article,
    .blog-slider article {
        padding: 410px 0;
    }
    #featured-slider-section .slick-dots {
        bottom: 100px;
    }
    #about-section article.has-post-thumbnail .entry-container {
        /*padding: 80px;*/
        padding: 80px 0 80px 60px;
    }
    /*#service-section .section-header {
        text-align: left;
    }*/
    #service-section .featured-image {
        display: table-cell;
        position: absolute;
        width: 50%;
        /*height: 100%;
        top: 0;
        right: 0;
        bottom: 0;*/
        top: 20px;
        right: 20px;
        bottom: 20px;
        padding: 0;
    }
    #service-section .section-container {
        float: left;
        display: table-cell;
        text-align: left;
        width: 50%;
        padding-right: 100px;
    }
    #service-section article {
        width: 100%;
        text-align: left;
    }
    #service-section .entry-header,
    #service-section .entry-content {
        display: table;
    }
    .right-sidebar #primary {
        float: left;
        width: 70%;
        padding-right: 40px;
    }
    .right-sidebar #secondary {
        float: right;
        width: 30%;
        margin-top: 0;
        padding-left: 40px;
    }
}

@media screen and (min-width: 1900px) {
    .wrapper {
        max-width: 1366px;
    }
}

@media screen and (max-width: 1023px) {
    .menu-toggle {
        /*height: 90px;*/
    }
    /*.site-logo img {
        max-height: 60px;
    }
    .site-branding {
        min-height: 90px;
    }*/
    .main-navigation {
        position: static;
    }
    .main-navigation ul.nav-menu>li {
        padding: 15px;
        border-bottom: solid 1px rgb(255 255 255 / 10%);
    }
    .main-navigation ul.nav-menu>li:last-child {
        border-bottom: none;
    }
    .main-navigation ul.nav-menu>li>a {
        font-size: 16px;
        font-weight: normal;
        color: #fff;
    }
    .main-navigation ul.nav-menu>li.current-menu-item>a,
    .main-navigation ul.nav-menu>li:hover>a,
    .main-navigation ul.nav-menu>li>a:hover {
        color: #fd6500;
    }
    .main-navigation ul ul a {
        width: 100%;
    }
    .main-navigation ul ul,
    .main-navigation ul ul ul {
        box-shadow: none;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0;
        display: none;
    }
    .main-navigation ul.sub-menu li {
        padding-right: 0;
    }
    .main-navigation .menu-item-has-children>a:before {
        content: "";
        float: right;
        position: relative;
        right: 25px;
        background-color: #ccc;
        width: 1px;
        height: 25px;
    }
    .main-navigation .menu-item-has-children>a:after {
        padding-top: 3px;
    }
    /*.main-navigation ul.nav-menu>li>a {
        padding: 15px;
    }*/
    .main-navigation ul.sub-menu li a {
        padding: 15px 15px 15px 25px;
    }
    .main-navigation ul.sub-menu li a {
        padding-left: 50px;
    }
    .main-navigation ul.sub-menu ul li a {
        padding-left: 75px;
    }
    .main-navigation ul.sub-menu ul ul li a {
        padding-left: 100px;
    }
    .main-navigation ul.sub-menu ul ul ul li a {
        padding-left: 125px;
    }
    .main-navigation .menu-item-has-children a svg {
        display: none;
    }
    .main-navigation ul.sub-menu li a {
        border-left: none;
    }
    .main-navigation ul.nav-menu {
        margin-right: 0;
        background-color: #333;
        border-top: solid 1px rgb(255 255 255 / 10%);
        margin-top: 25px;
    }
    .main-navigation svg.icon-search,
    .main-navigation svg.icon-down {
        fill: #000;
        margin-top: -5px;
    }
    .main-navigation ul.sub-menu {
        border: none;
    }
    .menu-open .menu-toggle .icon-close {
        display: block;
        width: 20px;
        height: 20px;
        fill: #fff;
        margin: auto;
    }
    .main-navigation ul.nav-menu {
        position: absolute;
        width: 100%;
        top: 100%;
        right: 0;
        left: auto;
        margin-top: 0;
    }
    .main-navigation .sub-menu svg {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

@media screen and (max-width: 992px) {
    .single-wrapper .entry-title {
        font-size: 28px;
    }
}

@media screen and (max-width: 767px) {
    #masthead.site-header .main-navigation ul.nav-menu {
        max-width: 100%;
    }
    .slick-prev,
    .slick-next {
        width: 40px;
        height: 40px;
        border-radius: 40px;
    }
    /*#about-section .featured-image {
        padding: 150px 0;
    }*/
    .col-3 article {
        margin-bottom: 50px;
    }
    .single-wrapper .entry-title {
        font-size: 26px;
    }
    #page-site-header h2.page-title {
        font-size: 30px;
    }
}

@media screen and (max-width: 567px) {
    .menu-toggle svg.icon-menu {
        width: 25px;
        height: 25px;
    }
    .menu-toggle {
        float: none;
        text-align: center;
        position: relative;
        /*width: 70px;
        min-width: 70px;*/
        width: 50px;
        min-width: 50px;
        top: 15px;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        z-index: 3000;
    }
    .menu-toggle span {
        display: none;
    }
    .menu-toggle svg.icon-close {
        width: 16px;
        height: 16px;
    }
    .site-logo img {
        margin-right: 10px;
    }
    .site-title {
        font-size: 22px;
    }
    #page-site-header {
        padding: 200px 0;
    }
    blockquote.alignright {
        margin-left: 0;
    }
}