/*
Theme Name: a7la chat
Description: Chat Online
Author: the arabs
Theme URI: https://the-arabs.com/Chat.html
Author URI: https://the-arabs.com
Version: 1.1
*/

@font-face {
  font-family: 'FontAwesome';
  font-display: swap;
  src: url(../../font-awesome/4.4.0/fonts/fontawesome-webfont.woff2) format('woff2');
}

@font-face {
  font-family: 'roboto';
  font-display: auto;
  src: local('roboto'), url(../../s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  src: local('roboto'), url(../../s/roboto/v19/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  src: local('roboto'), url(../../s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
}

@font-face {
  font-family: 'tajawal';
  font-display: swap;
  src: local('tajawal'), url(../../s/tajawal/v2/Iura6YBj_oCad4k1nzSBC5xLhLFw4Q.woff2) format('woff2');
}

@font-face {
  font-family: 'tajawal';
  font-display: swap;
  src: local('tajawal'), url(../../s/tajawal/v2/Iura6YBj_oCad4k1nzGBC5xLhLE.woff2) format('woff2');
}

html, body {font-family: 'Tajawal', sans-serif;}

.jumbotron {padding-top: 6rem; padding-bottom: 3rem; margin-bottom: 25px; background-color: #e9ecef; background: url(../images/background2.jpeg) no-repeat center center / cover; box-shadow: 5px 8px 30px 0 rgba(0,0,0,.9);}
@media (min-width: 768px) {.jumbotron { padding-top: 12rem; padding-bottom: 12rem;}}

.h1, h1 {font-size: 1.7rem;}
.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {font-size: 1.3rem; font-weight: 700;}
.bg-dark {background-color: #343a402b!important;}
.navbar-dark .navbar-nav .nav-link {color: #dee2e6; background-color: #00000082; box-shadow: 5px 8px 30px 0 rgba(0,0,0,.9);}
.jumbotron p:last-child {margin-bottom: 0;}
.jumbotron-heading {font-weight: 700; color: beige; background-color: #00000082; box-shadow: 5px 8px 30px 0 rgba(0,0,0,.9);}
.jumbotron .container {max-width: 40rem;}
.text-muted {color: #f8f9fa!important; box-shadow: 5px 8px 30px 0 rgba(0,0,0,.9); background-color: rgba(0, 0, 0, 0.67);}
.btn-primary {color: #fff; background-color: #360e11; border-color: rgba(0,0,0,.9);}
.btn-secondary {color: #fff; background-color: #007b5e; border-color: #212529;}
.headlinez1 {font-weight: 400; font-size: 25px; color: #fff; text-align: center;}
.headlinez2 {font-weight: 700; font-size: 1.3rem; color: #a50909; text-align: center; margin-bottom: .5rem; border-bottom: 1px dashed #383d41;
    padding-bottom: 1rem;}
.maincontent1 {background-color: rgb(54, 14, 17); padding: 10px; border-radius: 25px; text-align: center; margin-bottom: 20px; color: #f8f9fa;}
.maincontent2 {background-color: rgb(0, 123, 94); padding: 10px; border-radius: 25px; text-align: center; margin-bottom: 20px; color: #f8f9fa;}
.field-entry label {display: block; font-size: 14px; color: #232c3b; line-height: 22px; margin-bottom: 14px; padding: 0 20px;}
/* marketing */
.marketing .col-lg-4 {padding-top: 3rem; margin-bottom: 1.5rem; text-align: center; box-shadow: 5px 8px 30px 0 rgba(0,0,0,.9);}
.marketing h2 {font-weight: 400;}
.marketing .col-lg-4 p {margin-right: .75rem; margin-left: .75rem;}
/* Footer */
section {padding: 60px 0;}
section .section-title {text-align: center; color: #007b5e; margin-bottom: 50px; text-transform: uppercase;}
#footer {background: #007b5e !important;}
#footer h5{padding-left: 10px; border-bottom: 3px solid rgba(0, 0, 0, 0.33); padding-bottom: 6px; margin-bottom: 20px; color:#ffffff; text-align: right; background-color: #000c8529; box-shadow: 5px 8px 30px 0 #343a40;}
#footer a {color: #ffffff; text-decoration: none !important; background-color: transparent; -webkit-text-decoration-skip: objects;}
#footer ul.social li{padding: 3px 0;}
#footer ul.social li a i {margin-right: 8px; font-size:44px; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease;}
#footer ul.social li:hover a i {font-size:30px; margin-top:-10px;}
#footer ul.social li a,
#footer ul.quick-links li a{color:#ffffff;}
#footer ul.social li a:hover{color:#eeeeee;}
#footer ul.quick-links li{padding: 3px 0; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; text-align: right; border-bottom: 1px dashed #e4e4e4;}
.list-unstyled {padding-right: 0; list-style: none;}
ul.list-unstyled.quick-links {color: #fff;}
#footer ul.quick-links li:hover{padding: 3px 0; margin-left:5px; font-weight:700;}
#footer ul.quick-links li a i{margin-right: 5px;}
#footer ul.quick-links li:hover a i {font-weight: 700;}
@media (max-width:767px){#footer h5 {padding-left: 0; border-left: transparent; padding-bottom: 5px; margin-bottom: 10px;}
}