@import "../css/primary/common.css";
@import "../css/components/vendor/slick.css";
@import "../css/components/vendor/slick-theme.css";
@import "../css/components/card.css";

.home-banner-image img {
    width: 100%;
}

.banner-background-bg.about-background-bg {
    background-image: url(../img/profile-bg.png);
    background-repeat: repeat;
    background-size: auto;
    opacity: 0.12;
}

.opportunities-section {
    padding: 3.5rem 0;
    background-color: rgba(var(--primary-color, 255, 0, 0), 0.05);
}
.opportunities-section-container {
	background-color: #fff;
	box-shadow: 0 0 13px 0px rgba(0,0,0,.07);
}
.three-box-card.feature-card-box {
    padding: 4rem 1.5rem;
    background-color: #fff;
	border-right: 1px solid #ddd;
}
.three-box-card figure img{
    width: 70px;
}
.about-company-content {
    display: grid;
    height: 100%;
}
.about-content h3 {
    font-size: 1rem;
    font-weight: 600;
}
.about-company-image {
	display: grid;
	height: 100%;
	align-content: center;
	align-items: center;
}
.about-company-image figure img {
    max-width: 100%;
}
.company-sign img {
    max-width: 200px;
}

/* Courses css */
.three-box-card.courses-item-card {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    padding: 0;
    margin: 0 15px;
    min-height: 365px;
    position: relative;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
}
.three-box-card.courses-item-card figure img {
    width: 100%;
    max-width: 100%;
}
.courses-item-card .courses-item-content {
    padding: 0 1.5rem 3rem;
    display: grid;
}
.courses-item-content h3{
    font-size: 1.3rem;
    line-height: 1.5;
    font-weight: 600;
}
.banner-background-bg.courses-banner {
    background-image: url("../img/courses-bg.png");
    background-position: top;
    top: 30%;
    z-index: -10;
}
.courses-item-card:hover {
    box-shadow: 0 0 22px 4px rgba(0,0,0,.12);
    transform: translateY(-2px);
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
}
.courses-item-card:hover h3 {
    color: rgb(var(--primary-color));
}
.courses-item-card:hover .arrow-bottom-links .svg-icon {
    transform: translateX(4px);
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
}
.courses-item-card:hover .arrow-bottom-links .svg-icon path {
    fill: rgb(var(--primary-color));
}
/* slick css */
.slick-list {
    padding-bottom: 5px;
}
.slider-item {
	margin-bottom: 2rem;
}
.slick-prev {
	left: -50px;
}
.slick-next {
	right: -50px;
}
.slick-prev, .slick-next {
	height: 40px;
	width: 40px;
	background: rgb(var(--primary-color));
	color: #fff;
	top: 50%;
	border-radius: 100%;
}
.slick-prev:hover, .slick-prev:focus, 
.slick-next:hover, .slick-next:focus {
	outline: none;
	background: var(--secondary-color);
	color: #fff;
}
.slick-prev::before, 
.slick-next::before {
	opacity: 1;
}
.slick-prev::before{
    content: "\f060";
    font-family: FontAwesome;
}
.slick-next::before{
    content: "\f061";
    font-family: FontAwesome;
}
/* Blog card css */
.blog-item-card {
    display: grid;
    height: 100%;
	grid-template-columns: 1fr 3fr;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
}
.blog-item-card figure {
    margin: 0;
}
.blog-item-card img {
    max-width: 270px;
    width: 260px;
}
.blog_items_outer {
    display: block;
}
 .blog_items_outer img {
    width: 100%;
    max-width: 100%;
    min-height: 140px;
}
.blog-item-content {
    padding: 1.2rem;
    position: relative;
}
.blog-item-content h3 {
    font-size: 1.5rem;
    font-weight: 600;
}
.blog-item-content .blog-info {
    color: var(--dark-grey);
    font-size: 1rem;
    font-weight: normal;
}
.blog-item-card:hover {
    box-shadow: 0 0 22px 4px rgba(0,0,0,.12);
    transform: translateY(-2px);
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
}
.single-img {
    max-height: 430px;
    overflow: hidden;
}
.blog-item-card:hover  h3 {
    color: rgb(var(--primary-color));
}
.blog-item-card:hover .arrow-bottom-links .svg-icon {
    transform: translateX(4px);
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
}
.blog-item-card:hover .arrow-bottom-links .svg-icon path {
    fill: rgb(var(--primary-color));
}
.navigation ul li {
    margin-left: 0 !important;
    margin-right: 9px;
}
.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {
    font-family: "Muli";
}
.banner-content-outer.inner-banner-content-outer {
    min-height: 250px;
}
.pagination-single a .arrow {
    padding: 10px 20px;
    border: solid 1px #dddddd;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
}
.pagination-single .title {
    display: none;
}
.pagination-single {
    font-size: 14px;
    margin: 0px;
    width: 100%;
}
.comment-meta a img {
    width: auto !important;
}
.styled-separator.is-style-wide {
    opacity: 0;
}

.pagination-single .title {
    display: none;
}

.comment-respond p:not(.comment-notes) {
    max-width: 100%;
}
.pagination-single a .arrow {
    padding: 10px 20px;
    border: solid 1px #dddddd;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comments-wrapper h2 {
    font-size: 30px;
    margin-bottom: 70px;
    color: #004d6e !important;
    /* font-weight: 400; */
    text-transform: uppercase;
}

.comment-respond p.comment-notes, .comment-respond p.logged-in-as {
font-size: 15px;
font-weight: 300;
margin-bottom: 30px;}


.comments-wrapper form, .comments-wrapper form .comment-form-comment, p.comment-form-url, p.comment-form-cookies-consent {max-width: 100% !important;}

.comments-wrapper form .comment-form-comment {}
.comments-wrapper form .comment-respond label {
    font-size: 15px !important;
    font-weight: 300;
    color: red;
}
.comment-respond label {
    font-size: 15px;
    font-weight: 300;
}
.comment-respond textarea {border: solid 1px #dddddd;}
.comment-respond input {
    border: solid 1px #dddddd;
    padding: 10px 20px;
}
p.comment-form-comment, .comment-respond .comment-form-author, .comment-respond .comment-form-email {
    margin-bottom: 15px;
}
p.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.comment-respond input[type="checkbox"] {
    padding: 0px;
}

.comment-respond input[type="checkbox"] + label {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 0px;
}

p.form-submit {
    margin: 0px;
    max-width: 100% !important;
}

.comment-respond #submit:hover {
    background-position: right center;
    color: #fff !important;
    text-decoration: none;
}
.comment-respond #submit {
    background-color:rgb(var(--primary-color));
    min-width: 130px;
    width: auto;
    min-height: 40px;
    line-height: 40px;
    border-radius: 40px;
    color: #fff;
    border: 2px solid rgb(var(--primary-color));
    font-size: 16px;
    text-align: center;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    display:block;
    outline: 0;
    cursor: pointer;
    box-shadow: none;
    padding: 0 15px;
}
.comment-respond #submit:hover , .comment-respond #submit:focus{
   background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	color: #fff;
	box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
	transform: translateY(-2px);
	transition: .4s ease all;
    text-decoration: none;
}
nav.pagination-single hr {
    display: none !important;
}
.comment-respond .comment-notes, .comment-respond .logged-in-as {
    color: #6d6d6d;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: -3rem 0 4rem 0;
    text-align: center;
}
.pagination-single a + a {
    margin: 0 0 0 0rem;
}
.pagination-single a {
    display: inherit;
    flex: inherit;
}
#social-links li a {
    display: inline-block;
}
#social-links li{
    display: inline-block;
    margin:5px 0px;
}

.bbp-search-form .button, #bbp_topic_submit, #bbp_reply_submit , #user-submit{
    -webkit-appearance: none;
    -moz-appearance: none
    display: inline-block;
    text-decoration: none;
    background-color: rgb(var(--primary-color)) !important;
    min-width: 130px;
    width: auto;
    min-height: 40px;
    line-height: 40px;
    border-radius: 40px;
    color: #fff;
    border: 2px solid rgb(var(--primary-color));
    font-size: 16px;
    text-align: center;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    outline: 0;
    cursor: pointer;
    box-shadow: none;
    padding: 0 15px;
}
.bbp-forum-content {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
form.bbp-login-form {
    max-width: 500px;
    margin: 30px auto;
}
form.bbp-login-form label {
    font-size: 15px;
    margin-bottom: 11px !important;
}
form.bbp-login-form input#user_login, form.bbp-login-form input#user_pass {
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 2px 3px 1px rgba(136, 105, 105, 0.03);
    min-height: 44px !important;
    font-weight: lighter;
    font-size: 15px;
    width: 100%;
    margin-bottom:12px !important;
}
input#rememberme {
    margin: 3px 7px -2px 0px !important;
}

#bbp_search {
    padding: 9px;
    border-radius:50px;
}
.bbp-search-form {
    margin-bottom: 30px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
    font-size: 15px;
    margin: 5px 0;
    padding: 0;
    word-wrap: break-word;
    font-family: "Muli";
    line-height:20px;
}

.bbp-forum-title:hover {
    color: #189cd2;
}
body{
color:#222;}

.bbp-breadcrumb {
    display: none;
}
#bbpress-forums li.bbp-header {
    background: #199cd2;
    color: #fff;
    border: 0px !important;
}
#subscription-toggle , #favorite-toggle
{
font-size:16px;
}

.bbp-forum-freshness a, .bbp-forum-freshness p {
    color: #000000;
}
.bbp-forum-freshness a:hover, .bbp-forum-freshness p:hover {
    color: rgb(var(--primary-color));
    text-decoration: underline;
}

#bbpress-forums li.bbp-footer, #bbpress-forums li.bbp-header {
    background: rgb(var(--primary-color));
    color:#fff;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
    border: 0px;
    padding: 15px;
    margin: 10px 0px;
    background: #eaf5fa;
}
#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics {
    border: 0;
    margin-bottom: 20px;
}

fieldset.bbp-form label {
    font-size: 16px;
}
input#bbp_topic_subscription {
    margin-bottom: 0px !important;
}
#bbpress-forums fieldset.bbp-form input[type=text], #bbpress-forums fieldset.bbp-form select {
    height: 39px;
}
.hide-footer li.bbp-footer {
    display: none;
}
 #bbpress-forums fieldset.bbp-form {
      padding: 40px 20px;

}
 

.comment-meta {
    margin-bottom: 0rem;
	min-height:100%;
}
.comment-content.entry-content p {
    font-size: 19px;
}
.comment-metadata a {
    font-size: 15px;
    line-height: 17px;
}

@media ( min-width: 700px ) { 

section {
    padding: 3rem 0;
}
#bbpress-forums li {
    font-size: 1rem !important;
}
#bbp_stick_topic_select, #bbp_topic_status_select {
    padding: 0px !important;
}
.bbp-forum-title {
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #222;
    font-weight: 700;
}
}
.comment-author .url {
    font-size: 21px;
}
 .bbp-login-form {
  display: none !important;
 }
/* media queries */
@media screen and (max-width:1199px){
    .blog-item-card {
        grid-template-columns: unset;
    }
    .blog-item-card img {
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (max-width:991px){
    .three-box-card.feature-card-box {
        padding: 3rem 1.5rem;
        border-bottom: 1px solid #ddd;
    }
    .courses-item-card .courses-item-content {
        padding: 0 1rem 3rem;
    }
}
@media screen and (max-width:767px){
	.pagination-single-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.comments-wrapper h2 {
    font-size: 26px;
    margin-bottom: 43px;
}
	
	.comment-meta .avatar {
    width: auto !important;
}
    .three-box-card.feature-card-box {
        padding: 1.5rem;
    }
    .three-box-card.feature-card-box h3{
        font-size: 1.6rem;
    }
    .slick-prev, .slick-next {
        height: 30px;
        width: 30px;
    }
    .slick-prev {
        left: -25px;
    }
    .slick-next {
        right: -25px;
    }
    .opportunities-section {
        padding: 2rem 0;
    }
}
@media screen and (max-width:575px){
    .three-box-card.courses-item-card {
        min-height: auto;
        margin: 0;
    }
    .slick-prev {
        left: 90%;
        top: 100%;
        height: 40px;
        width: 40px;
    }
    .slick-next {
        top: 100%;
        right: 12%;
        height: 40px;
        width: 40px;
    }
}