/*
Theme Name: PMA Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Ceriza 
Author URI:  https://ceriza.com
Template: salient
Version: 1.0
*/
.nectar-milestone .symbol{vertical-align: super !important;}
.nectar-milestone .number .symbol-wrap{ display: inline !important;}
/* lang flags*/
.wpml-ls-menu-item .wpml-ls-flag{vertical-align: bottom;}
#top .slide-out-widget-area-toggle[data-custom-color=true] a:before{
	height: 20px;
    padding-bottom: 30px;;
}
/* social floating buttons */
#pma-floating-buttons{
	z-index: 9999;
    position: fixed;
    top: 25%;
    right: 15px;
}
#pma-floating-buttons ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#pma-floating-buttons li {
    display: flex;
    writing-mode: vertical-rl;
    margin-bottom: 35px;
}
#pma-floating-buttons a {
    color: #404041;
    font-weight: 500;
    font-size: 18px;
}
/* buttons with square*/
.nectar-button::after {
    content: "";
    position: absolute;
    bottom: -15px; /* Adjust to position the square below the button */
    right: -15px;
    width: 15px; /* Adjust the size of the square as needed */
    height: 15px; /* Adjust the size of the square as needed */
    background-color: #f47920;
    opacity: 0;
    transition: opacity 0.3s ease; /* Smooth transition */
}

.nectar-button:hover::after {
    opacity: 1;
}
/* home bottom square */
.bottom-square::after{
	content: "";
    position: absolute;
    bottom: 0;
    right: 10px;
    width: 60px; /* Adjust the size of the square as needed */
    height: 60px; /* Adjust the size of the square as needed */
    background-color: #f47920;
	visibility: visible;
}
/* home top double square */
.top-double-square::after{
	content: "";
    position: absolute;
    top: 0;
    left: 10px;
    width: 120px; 
    height: 120px; 
    background-color: #f47920;
	visibility: visible;
}
.top-double-square::before{
	content: "";
    position: absolute;
    top: 120px;
    left: 130px;
    width: 60px;
	height: 60px;
    background-color: #f47920;
	visibility: visible;
}
.nectar_cascading_images {
		    width: 80% !important;
    		float: right !important;
	}
/* home services */
.pma-services img{
	background-color: #f47920;
    height: 60px !important;
    width: auto;
    padding: 10px !important;
	margin-bottom:10px !important;
}
.pma-services .blue {background-color: #0072aa !important;}
/* blog */
.blog .post .post-featured-img {display:none;}
/* icons in lists */
.icon-salient-check:before{
	background: #0072aa;
    padding: 10px;
}
.nectar-fancy-ul ul li{
	padding-left: 50px;
}
/* portfolio*/
.portfolio-img .row_col_wrap_12_inner{margin-top: 20px;}
.portfolio-img .inner{
	max-height: 220px;
    width: auto;
    overflow: hidden;
	margin-bottom: 20px;
}
/* footer*/
#footer-outer .widget{margin-bottom:2px;}
#block-15 p{line-height:0;}
/* ------------------------------ breakpoints */
@media only screen and (max-width: 690px) {
	.col-img1-kpi{margin-top:50px;}
	.col-culoare2-kpi .nectar-milestone[data-ms-align=left]{padding: 100px 0px;}
	.col-culoare-kpi .nectar-milestone[data-ms-align=left]{padding: 100px 0px;}
	.top-double-square{margin-bottom:100px !important;}
	.bottom-square::after{
		margin-bottom: -50px;
	}
	body[data-col-gap="60px"] .vc_row-fluid .wpb_column{
		padding-left: 40px;
    	padding-right: 40px;
	}
    #pma-floating-buttons {
        right: 0px;
		padding: 5px 0px;
    }
	#pma-floating-buttons li {
        margin: 10px 0px;
        background: #0072aa;
        padding: 10px 0px;
        border-radius: 5px;
	}
	#pma-floating-buttons a{color: #ffffff !important;}
}
@media (min-width: 1000px) and(max-width: 1200px){
	
}
@media only screen and (max-width: 999px) and (min-width: 691px){
	.col-img1-kpi{margin-top:0px;}
	.col-culoare-kpi .nectar-milestone[data-ms-align=left]{ padding: inherit;}
	.col-culoare2-kpi .nectar-milestone[data-ms-align=left]{padding: 100px 0px;}
	.top-double-square{margin-bottom:100px !important;}
	.bottom-square::after{
		margin-bottom:-30px;
	}
	.bottom-square{
		margin-bottom:50px !important;
	}
	body[data-col-gap="60px"] .vc_row-fluid .wpb_column{
		padding-left: 40px;
    	padding-right: 40px;
	}
}
@media only screen and (min-width: 1000px) {
	#footer-widgets[data-cols="5"] .container .row >div:first-child {
        width: 35%;
    }
    #footer-widgets[data-cols="5"] .container .row >div {
        width: 15%;
        margin-left: 40px;
    }
}