/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.background-pattern-4 { background-image: url(/images/overlay-pattern/pattern28.jpg); }
.background-pattern-5 { background-image: url(/images/overlay-pattern/pattern25.png); }
.background-pattern-6 { background-image: url(/images/overlay-pattern/pattern8.png); }
.background-pattern-7 { background-image: url(/images/overlay-pattern/corkboard.png); }

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
    font-size: 20px;
}

@media (max-width: 991.98px) {
    button.btn:not(.btn-creative):not(.btn-slide), .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide), a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide) {
        font-size: 20px; }
}

.e-mail:before {
    content: attr(data-website) "\0040" attr(data-user);
	unicode-bidi: bidi-override;
	direction: rtl;
}

#page-title .page-title h1 {
    font-size: 3.5rem !important;
}

@media (max-width: 991.98px) {
    #page-title .page-title h1 {
        line-height: 48px;
    }
}