/*
Theme Name:   Professional Software Company Child
Theme URI: https://www.luzuk.com/themes/free-software-wordpress-theme/
Author: Luzuk
Author URI: https://www.luzuk.com/
Description: Professional Software Company is a top-class free WordPress theme created using the Bootstrap framework. It works well for IT companies, software companies, web agencies, software businesses, electronics, and digital stores, IT consulting firms and business solutions, digital marketing agencies, online marketing agencies, and more. With its minimal style impressively putting your business forward, the elegance that it brings to your website is simply unmatched. You will not only get a sophisticated web presence but also get a clean and user-friendly interface. Through the personalization options, you will be able to get the desired look and make your website appear just the way you want. There is a retina-ready design along with a responsive layout that can make things look great on any screen. You will get a beautiful banner and other sections including Testimonial, Team, etc. for your content. Call to Action Button (CTA) will act as a guide and also work for better conversion. SEO-friendly codes will fetch traffic and these optimized codes will also deliver faster page load time. With a lot of social media options, you will be able to reach out to the audience. The entire design is mobile-friendly and includes WPML as well as RTL compatibility in order to make your website translation ready. Live Demo: https://www.luzukdemo.com/demo/professional-software-company/
Requires at least: 5.0
Template:     professional-software-company
Version: 0.1.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: professional-software-company
Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, footer-widgets, featured-images, full-width-template, flexible-header, sticky-post, theme-options, translation-ready, threaded-comments, blog, portfolio, e-commerce

Professional Software Company WordPress Theme, Copyright 2022 Luzuk
Professional Software Company is distributed under the terms of the GNU GPL
Text Domain:  professional-software-company-child
*/



/* ------------------- GLOBAL CHANGES------------------ */
ul#menu-main-menu li a:hover {
    text-decoration: none;
	color: #2F4550;
}
.entry-content {
    margin-bottom: -16px;
}

.single .content-area, .page-template-default .content-area {
    margin: auto;
}

div#primary {
    padding: 4% 0px 0px 0px;
    position: relative;
}
div#header {
    background: #f5f5f5;
}

body{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #2F4550 !important;
	line-height: 32px;

}

h1, h2, h3, h4, h5, h6{
	color: #2F4550 !important;
	font-family: 'Poppins', sans-serif;
		font-weight: bold;
}

.banner-subtitle p{
	color: #537185;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}
.banner-section h1{
	font-size: 32px !important;
	line-height: 45px;
}

.page-section h2{
	font-weight: bold;
	font-size: 28px;
	line-height: 48px;

}

.page-section span{
	color: #2F4550;
	line-height:32px;
	font-size: 18px;
}
.page-section p{
	color: #2F4550;
	line-height:32px;
	font-size: 16px;
}
.blue-section h2{
	font-weight: bold;
	font-size: 34px !important;
	line-height: 48px;
	color: #fff !important;

}
.blue-section p{
	
	font-size: 16px !important;
	line-height: 30px;
	color: #fff !important;

}
.white-section h3{
	font-weight: 800;
	font-size: 32px !important;
	line-height: 48px;
	color: #fff !important;

}
.white-section p{
	
	font-size: 16px !important;
	line-height: 38px;
	color: #fff !important;

}
.white-section span{
	
	font-size: 18px !important;
	line-height: 27px;
	color: #fff !important;

}

button.back-to-top.show-back-to-top {
    display: none;
}

.white-text{
    color: #fff !important;
}
.white-text h1{
    color: #fff !important;
}
/* ------------------- Menu SEction CHANGES------------------ */
.current-menu-item a {
    color: #2F4550 !important;
    font-weight: 600;
}

ul#menu-main-menu li a {
    color: #537185;
}

.nav-menu ul li {
    padding-right: 26px;
}

.current-menu-item a:after{
 width: 48px;
    height: 2px;
    position: absolute;
    left: -24px;
    right: 0;
    background: #537185!important;
    bottom: 10px;
    margin: 0 auto;
    content: '';
    border-bottom-color: #000 !important;

}
/* ------------------- Slider------------------ */
div#n2-ss-2 h2 {
    font-family: 'Poppins', sans-serif !important;
    color: #fff !important;
	font-size: 38px !important;
	margin-top: 20px;
}

.three-boxes p.elementor-image-box-description {
    height: auto !important;
	line-height: 27px;
	padding: 30px 20px 50px 20px !important;
}

.three-boxes h3.elementor-image-box-title {
    background: none !important;
    opacity: 1 !important;
    font-size: 18px !important;
}

.three-boxes span.sub-title {
    color: #2F4550;
    line-height: 24px !important;
    font-size: 16px;
    font-weight: bold;
}
span.description-boxes {
    font-size: 14px;
    line-height: 14px;
	position: relative;
    top: 10px;
}
/* ------------------- Academics SEction CHANGES------------------ */
.about-info .elementor-icon-box-content {
    color: #fff !important;
    padding: 40px;
    padding-top: 93px;
}

.about-info h3.elementor-icon-box-title {
    color: #fff !important;
}

.about-info p.elementor-icon-box-description {
    color: #fff;
}
.about-info .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: unset;
}



.section-academics .elementor-image-box-wrapper {
    position: relative;

    margin-bottom: -36px;
}

.section-academics figure.elementor-image-box-img {
    margin-bottom: 0px !important;
}

.section-academics .elementor-image-box-content {
   position: relative;
    top: -57px;
    background: #2F4550;
    padding: 15px;
    opacity: 0.8;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.section-academics h3.elementor-image-box-title {
    color: #fff !important;
    font-size: 16px;
    font-weight: bold !important;
}

.section-academics figure.elementor-image-box-img img {
    border-radius: 4px !important;
}
.service-boxes .elementor-image-box-wrapper {
  
    padding: 10px 20px;
    border-radius: 4px;
}

.service-boxes figure.elementor-image-box-img {
   position: relative;
    top: 8px;
    background: #516f84;
    padding: 18px;
    border-radius: 76px;
    /* padding-left: 28px; */
    width: 90px !important;
   
}


.small-services-boxes figure.elementor-image-box-img {
    top: 10px;
}
.service-boxes figure.elementor-image-box-img img {
    filter: brightness(0) invert(1);
    /* width: 58px; */
}

.service-boxes .elementor-image-box-description {
    color: #fff;
}
/* ------------------- Activities SEction CHANGES------------------ */
.post-title:before {
    content: '';
    display: block;
    position: absolute;
    height: 0%;
    width: 100%;
    bottom: 0;
    transition: height 0.5s ease-out;
    background: linear-gradient(to bottom, transparent 0%, black 100%);
}

.post-title:hover:before {
  height: 100%;
}

.post-title {
    position: relative;
}
.post-Box {
    -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    border-radius: 4px !important;
}

.post-contents {
    background: #fff;
    padding: 10px;
}


.post-contents p {
    font-size: 14px;
    line-height: 26px;
}
.post-Box img {
    box-shadow: none !important;
}
.post-title {
    height: 232px;
    width: 100%;
    background-size: cover !important;
	border-radius: 4px;
}
.entry-content a img, .widget a img {
    box-shadow: none;
}
dl.gallery-item img {
    border: none !important;
	border-radius: 4px !important;
}
h3.post-titleFirst {
    position: absolute;
    top: 80%;
    font-size: 18px;
    left: 25px;
    color: #fff !important;
}
.white-text h2 {
    color: #fff !important;
}
.card-box {
   background: #f8f9fa !important;
    box-shadow: 0 0px 1px rgb(0 0 0 / 12%), 0 0px 0px rgb(0 0 0 / 24%);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    padding: 25px 16px 12px 15px;
    border-radius: 6px;
}
.card-box:hover {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    animation-name: example;
    animation-duration: 0.25s;
    border-left: 3px solid #2f4550;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.card-box p {
    font-size: 16px !important;
    line-height: 30px !important;
}
.card-box h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
}

.light-text {
    color: #767676 !important;
	margin-bottom: 4px;
    margin-top: 4px
}
h3.post-titleFirst a {
    color: #fff;
}
.post-Box {
    margin-bottom: 53px;
}
.three-boxes .elementor-image-box-img {
    position: relative;
}
.three-boxes figure:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 7.38%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100%;
}
.three-boxes figure.elementor-image-box-img img {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.three-boxes p.elementor-image-box-description {
    border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
	height: 453px !important;
}
.activity-boxes p.elementor-image-box-description {
    height: 401px !important;
}
/* ------------------- Call to action SEction CHANGES------------------ */
.call-to-action h3, .call-to-action h4 {
    color: #fff !important;
}

.call-to-action h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 800;
}

.call-to-action h4 {
    font-weight: 300;
    font-size: 22px;
    width: 525px;
    margin: 0 auto;
    line-height: 32px;
}
.call-to-action p.elementor-heading-title.elementor-size-default {
    color: #fff;
    font-size: 20px;
}



.call-to-action span.elementor-button-text {
    color: #fff;
}
/* ------------------- About Page CHANGES------------------ */
.page-id-312 .call-to-action h4, .page-id-455 .call-to-action h4{
    width: 100%;
}
.counter-section span.elementor-counter-number, .counter-section span.elementor-counter-number-suffix  {
    font-weight: 800;
    font-size: 42px !important;
    line-height: 48px;
    color: #fff !important;
}
.our-information .box-gradient {
    padding: 20px;
    height: 296px;
}


.section-camp h3.elementor-image-box-title {
    position: relative;
    top: -64px;
    background: #2F4550;
    padding: 15px;
    opacity: 0.8;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    color: #fff !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: bold !important;
    margin-bottom: -63px;
}

/* ------------------- Summer Camp Page CHANGES------------------ */

.section-camp p.elementor-image-box-description {
    box-shadow: 0 0 25px rgb(0 0 0 / 8%);
    padding: 20px;
    height: 144px;
}

.section-camp .elementor-image-box-content {
    margin-bottom: 36px;
}


/* ------------------- Contact Page CHANGES------------------ */

.form-contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: #69727d;
    font-size: 16px;
    font-weight: 600;
}

.box-gradient {
    box-shadow: 0 0 25px rgb(0 0 0 / 8%);
    padding: 20px 0 30px 0;
}

.form-contact {
    padding: 20px 20px 0px 20px;
}
.form-contact textarea.wpcf7-form-control.wpcf7-textarea {
    height: 121px;
}
/* ------------------- Footer  SEction CHANGES------------------ */
footer#colophon .current-menu-item a:after{
    display:none;
}
footer#colophon {
    background-image: none;
    background: #f5f5f5;
}

.copyright {
    background: #f5f5f5;
}

.site-info {
    border-top: 1px solid #fff;
}
.site-info p {
    color: #2F4550;
    font-size: 12px;
    font-weight: 500;
}

.blue-colour {
    color: #2F4550 !important;
}

.footer-address {
    font-size: 14px;
}

.footer-address p {
    margin-bottom: 0px;
    padding-top: 18px;
}

a.blue-colour {
    font-weight: 600;
}

h2.widget-title {
    font-size: 16px !important;
}

footer#colophon {}

.widget ul li, .widget ol li {
    padding: 0px;
    font-size: 14px;
    font-weight: 500;
}

footer#colophon ul li a {
   color: #3A4E50 !important; 
}

ul.wp-block-social-links.is-layout-flex li {
    background: none !important;
    font-size: 25px;
    border: 2px solid;
    border-radius: 12px;
    padding: 6px;
}
.activity-size p.elementor-icon-box-description {
    font-size: 16px;
    line-height: 25px;
}

/* ------------------- Media Query ------------------ */

@media only screen and (max-width:820px){

.post-title {
    height: 161px;
  
}
.toggle-menu i {
    background: #2F4550;
}

div#header {
    border-bottom: 1px solid #2F4550  !important;
}

div#sidelong-menu {
    background: #2F4550; !important;
}

.current-menu-item a {
    color: #fff !important;
}

ul#menu-main-menu li a {
    color: #fff;
}

.current-menu-item a:after {
    left: -82%;
    background: #fff !important;
    top: 82%;
}
}

@media only screen and (max-width:468px){
div#primary {
    padding-top: 0px;
}
div#primary {
    padding-top: 0px;
    top: -16px;
    background: transparent;
}
.toggle-menu i {
    background: #2F4550;
}

div#header {
    border-bottom: 1px solid #2F4550  !important;
}

div#sidelong-menu {
    background: #2F4550; !important;
}

.current-menu-item a {
    color: #fff !important;
}

ul#menu-main-menu li a {
    color: #fff;
}

.current-menu-item a:after {
    left: -82%;
    background: #fff !important;
    top: 82%;
}

.banner-section h1, .blue-section h2 {
    font-size: 28px !important;
    line-height: 39px;
}
.page-section h2 {
    font-size: 26px;
    line-height: 37px;
}
.call-to-action h4 {
    width: 100%;
}
.call-to-action {
    text-align: center;
}
	.page-id-455 .call-to-action {
    text-align: left;
}
	.call-to-action h3 {
    font-size: 22px;
    line-height: 34px;
    
}
	.small-services-boxes .elementor-image-box-wrapper {
    height: auto;
}
	.small-services-boxes figure.elementor-image-box-img {
    top: -6px;
}
	.service-boxes figure.elementor-image-box-img {
    top: -2px;
   
}
	.post-title {
    height: 232px;
  
}
	div#n2-ss-2 h2 {
    font-size: 30px !important;
   
}
	.three-boxes p.elementor-image-box-description {
	height: auto !important;
}
.activity-boxes p.elementor-image-box-description {
    height: auto !important;
}
	.service-boxes .elementor-image-box-wrapper {

    background: #2f4550;
}
	
	}