/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
:root{--section-pad: clamp(.5rem, 6vw, 8rem);--h1-font-size: clamp(6rem, 10vw, 7.5rem)}
::-moz-selection {color: var(--clb-dm-fill-color);background: var(--clb-color-primary)}
::selection {color: var(--clb-dm-fill-color);background: var(--clb-color-primary)}
.page-container {
    padding-left: 0!important;
    padding-right: 0!important;
}
.hero{display:grid;grid-template-columns:2fr 2fr;min-height:90vh;color:var(--clb-dm-color-white)}
@media(max-width:767px){.hero{grid-template-columns:1fr;}}
.hero__left{padding:var(--gutter)}
.hero__title{line-height:1.05;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center}
.hero__fname{color:var(--clb-color-primary)}
.hero__lname{font-weight:700;color:transparent;-webkit-text-stroke:1px var(--clb-dm-color-white);text-stroke:1px var(--clb-dm-color-white);}
.hero__meta{margin-top:auto}
.hero__subtitle{text-align:right;line-height:1.4;margin-bottom:1rem;margin-right:1rem;}
.signal-band{width:100%;height:1rem;background:repeating-linear-gradient(45deg,var(--clb-dm-fill-color) 0 1.2rem,var(--clb-dm-color-white) 1.2rem 2.4rem)}
.section-title{line-height: .8; margin-bottom: 5rem;}
.s-light{background:white;color:var(--clb-dm-fill-color);}
.large-h1{font-size: var(--h1-font-size)}
section:not(.hero):not(.no-pad){padding: var(--section-pad)}
.no-pad{padding: 0 !important; }
.skills-section .wrapper {display: block}
/*.skill-row{margin-bottom: var(--clb-grid-gutter-3x);text-align: center}*/
.skill-icon{width:100%;height: auto;margin: 0 auto;display: flex;align-items: center;justify-content: center}
.skill-icon img{max-width: 100%; height: auto; }
.spike-strip{height: var(--spike-h);background-image: var(--spike-uri);background-repeat: repeat-x;background-size:auto 100%;background-position:0 100%;line-height:0;pointer-events:none;margin: 0;padding: 0}
.diploma-wrap{margin: 10vw;text-align: justify;}
@media(max-width:767px){.diploma-wrap{margin: .5rem;}}
.diploma-cards{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin-bottom: 2.5rem}
.diploma-card {background-color: #f4f6f9;border-top: 4px solid var(--clb-color-primary);padding: 1.5rem 1.2rem;border-radius: 12px;box-shadow: 0 4px 10px rgba(0,0,0,0.05)}
.diploma-card h3{margin-top: 0;font-size: 1.2rem;color: #002d5f;margin-bottom: 1rem}
.diploma-card ul{list-style: none;padding: 0;margin: 0}
.diploma-card li{margin-bottom: 0.5rem;font-size: 0.95rem;color: #333}
.custom-download-btn{transition: background-color 0.5s ease, color 0.5s ease!important;background-color: #8dd3ca!important;color: #21242a!important;border: 2px solid #8dd3ca!important;margin: 0 1rem}
.custom-download-btn:hover{color: #21242a!important;border: 2px solid #8dd3ca;background-color: #45d0be!important}
.btn-wrap{text-align:center;margin:10vh 0;}
.btn-wrap a{margin: 2rem;}
.skills{--gap:2rem;}
.hero{display:grid;grid-template-columns:1fr;grid-template-areas:"img""content";min-height:100vh;color:var(--clb-dm-color-white)}
.hero__left{grid-area:content;display:flex;flex-direction:column;padding:var(--gutter)}
.hero__right{grid-area:img;background:url("https://mohsine-bakhcha.com/wp-content/uploads/2025/05/about-me-photo-scaled-1.jpg") center/cover no-repeat;position:relative;min-height:40vh}
.hero__right::after{content:"";position:absolute;inset:0;background:#21242ab0}
@media(min-width:768px){.hero{grid-template-columns:1fr 1fr;grid-template-areas:"content img";min-height:90vh}}
.skill-row{display:grid;gap:var(--gap);grid-template-columns:1fr;text-align:center;margin-bottom:var(--clb-grid-gutter-3x)}
@media(min-width:768px){.skill-row{grid-template-columns:1fr 1fr;align-items:center;text-align:left;}
	.skill-icon{display:flex;align-items:center;justify-content:center}
	.skill-row:nth-child(even){direction:rtl;}
	.skill-row:nth-child(even) > *{direction:ltr;}
}
.language-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:rgba(15,15,15,.85);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.language-modal.active{opacity:1;visibility:visible}
.language-modal-content{background:var(--clb-fill-color,#fff);border-radius:1rem;max-width:420px;width:100%;padding:2rem 2.25rem;box-shadow:0 8px 40px rgba(0,0,0,.25);position:relative;text-align:center}
.lang-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.75rem;cursor:pointer;color:#666;transition:color .2s ease}
.lang-modal-close:hover{color:red}
.lang-modal-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}
.lang-modal-subtitle{margin:0 0 1.25rem;font-size:1rem}
.language-buttons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}
.custom-button{background:var(--clb-dm-fill-color,#fff);border:1px solid var(--clb-color-primary,#0066ff);color:var(--clb-color-primary,#0066ff);padding:.8rem 1.6rem;border-radius:8px;font-size:1rem;transition:background-color .25s ease,color .25s ease}
.custom-button:hover{background:var(--clb-color-primary,#0066ff)!important;color:var(--clb-dm-fill-color,#fff)!important}
html.modal-open,body.modal-open{overflow-y:hidden}
ul.elements-bar{background-color: var(--clb-fill-color);border-radius: 17px;color: var(--clb-dm-color-white);padding: 7px 10px;min-height: 0;}
.trp-language-switcher.trp-language-switcher-container {
    height: fit-content;
    width: fit-content;
}
.trp-language-switcher > div{
    box-sizing: border-box;
    padding: 0!important;
    border: none!important;
    border-radius: 7px!important;
    background-image: url(https://mohsine-bakhcha.com/wp-content/uploads/2025/05/arrow-down-icon.png)!important;
    background-color: var(--clb-dm-fill-color)!important;
	background-size: 10px!important;
	background-position: calc(100% - 10px) calc(1em + 2px), calc(100% - 3px) calc(1em + 0px)!important;
}
.trp-language-switcher > div > a {
    color: white;
}
.trp-language-switcher > div > a > img{
	vertical-align: middle!important;
}
.trp-language-switcher > div > a:hover {
    background: var(--clb-dm-fill-color)!important;
	color:var(--clb-color-primary)!important;
    border-radius: 2px;
	font-weight:600!important;
}