/* ===================================================================================

Theme Name: Sassico Child
Theme URI: https://themeforest.net/user/xpeedstudio/portfolio
Author: Xpeedstudio
Author URI: https://xpeedstudio.com/
Description: Sassico is a Creative saas digital marketing WordPress Theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sassico
* Template: sassico
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/* ===== Make WP Social Login Google button look like a standard SaaS Google sign-in ===== */

/* tighten the social-login area */
#xs-social-login-container .xs-login--style-3{
width: 100% !important;
display: grid !important;
gap: 12px !important;
justify-items: center !important;
}

/* style the actual clickable element (some templates use .xs-login__item, some use <a> inside it) */
#xs-social-login-container .xs-login--style-3 .xs-login__item,
#xs-social-login-container .xs-login--style-3 .xs-login__item a{
width: 100% !important;
max-width: 420px !important; /* looks like modern SaaS buttons */
min-height: 48px !important;
padding: 0 12px !important;

display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;

background: #fff !important;
border: 1px solid #dadce0 !important;
border-radius: 10px !important;

color: #3c4043 !important;
font-weight: 600 !important;
text-decoration: none !important;

box-shadow: 0 1px 2px rgba(0,0,0,.08) !important;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease !important;
}

/* add some breathing room under the button */
#xs-social-login-container .xs-login--style-3 .xs-login__item{
margin: 0 auto 12px auto !important;
}

/* hover/focus states */
#xs-social-login-container .xs-login--style-3 .xs-login__item:hover,
#xs-social-login-container .xs-login--style-3 .xs-login__item a:hover{
border-color: #c8c8c8 !important;
box-shadow: 0 2px 10px rgba(0,0,0,.12) !important;
transform: translateY(-1px);
}
#xs-social-login-container .xs-login--style-3 .xs-login__item:focus-visible,
#xs-social-login-container .xs-login--style-3 .xs-login__item a:focus-visible{
outline: none !important;
border-color: #4285f4 !important;
box-shadow: 0 0 0 3px rgba(66,133,244,.25), 0 2px 10px rgba(0,0,0,.12) !important;
}

/* label text */
#xs-social-login-container .xs-login--style-3 .xs-login__item--label{
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
color: #3c4043 !important;
font-size: 14px !important;
font-weight: 600 !important;
font-family: "Lato" !important;
}

/* Google "G" icon via CSS (no premium needed) */
#xs-social-login-container .xs-login--style-3 .xs-login__item--label::before{
content: "" !important;
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.611 20.083H42V20H24v8h11.303C33.788 32.833 29.344 36 24 36c-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.261 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z'/%3E%3Cpath fill='%23FF3D00' d='M6.306 14.691l6.571 4.819C14.657 16.077 19.01 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.261 4 24 4 16.318 4 9.656 8.337 6.306 14.691z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.159 0 9.86-1.977 13.409-5.192l-6.191-5.238C29.211 35.091 26.715 36 24 36c-5.323 0-9.753-3.145-11.281-7.657l-6.52 5.02C9.505 39.556 16.227 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.611 20.083H42V20H24v8h11.303c-.73 2.065-2.123 3.832-3.985 5.17l.003-.002 6.191 5.238C36.97 39.38 44 34 44 24c0-1.341-.138-2.65-.389-3.917z'/%3E%3C/svg%3E");
}

/*Change the text color of the p tag in contact-us page*/
.elementor-13882 .elementor-element.elementor-element-d590049 p.elementor-heading-title {
    color: #6EC1E4 !important;
}