/*
Theme Name: Myriad Hamza Updated version
Theme URI: http://unity.online
Description: Custom theme for built for Myriad updated to rework cookie banner
Author: Unity Dev Team
Author URI:  mailto:development@unity.online
Version: 1.0
*/
@import "includes/css/editor.css";
@import "includes/css/plugins.css";
@import "includes/css/global.css";
@import "includes/css/header.css";
@import "includes/css/main.css";
@import "includes/css/footer.css";
@import "includes/css/projects.css";


:root{--vi-lazyload-logo-blue:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 109 31' fill='%231ab7ea'%3E%3Cpath d='M88.24 23.443a11.978 11.978 0 0 1-.054-.678c-.184-3.124.947-5.995 3.394-8.61 2.627-2.905 5.929-4.358 9.908-4.358 2.553 0 4.487.855 5.801 2.561 1.242 1.563 1.807 3.578 1.698 6.047-.147 3.342-1.387 6.23-3.723 8.663-2.335 2.434-5.237 3.65-8.704 3.65-2.882 0-5.072-.926-6.568-2.78a7.757 7.757 0 0 1-.871-1.372 34.1 34.1 0 0 1-1.235.727c-3.868 2.217-7.792 3.323-11.769 3.323-2.956 0-5.074-.982-6.35-2.945a7.353 7.353 0 0 1-.266-.422 21.55 21.55 0 0 1-.117.103c-2.446 2.108-4.89 3.162-7.335 3.162-2.374 0-3.522-1.307-3.45-3.926.036-1.164.265-2.562.684-4.198.42-1.636.648-2.909.685-3.818.037-1.38-.384-2.073-1.264-2.073-.952 0-2.086 1.13-3.404 3.384-1.392 2.365-2.144 4.656-2.252 6.874-.074 1.566.08 2.767.46 3.603-2.546.073-4.33-.346-5.348-1.256-.911-.8-1.33-2.126-1.255-3.983a14.67 14.67 0 0 1 .537-3.492c.321-1.164.5-2.2.537-3.11.074-1.347-.42-2.02-1.48-2.02-.915 0-1.902 1.038-2.96 3.111-1.06 2.073-1.645 4.239-1.754 6.494-.073 2.037.058 3.455.392 4.256-2.505.073-4.284-.454-5.337-1.58-.48-.518-.817-1.185-1.01-2.002-.205.194-.415.386-.631.574-2.446 2.108-4.89 3.162-7.335 3.162-1.133 0-2-.363-2.601-1.09-.602-.728-.885-1.672-.848-2.836.035-1.199.41-3.053 1.121-5.562.712-2.508 1.069-3.854 1.069-4.036 0-.944-.33-1.417-.985-1.417-.207 0-.77.34-1.69 1.016-.693 2.067-2.205 4.595-4.535 7.584-3.315 4.295-6.119 6.443-8.413 6.443-1.42 0-2.624-1.307-3.606-3.924L5.41 19.497c-.73-2.615-1.512-3.924-2.349-3.924-.182 0-.82.383-1.913 1.145L0 15.244a309.082 309.082 0 0 0 3.558-3.163c1.604-1.383 2.809-2.11 3.612-2.183 1.897-.182 3.065 1.111 3.503 3.88.474 2.986.802 4.844.986 5.57.547 2.479 1.148 3.716 1.806 3.716.51 0 1.276-.803 2.298-2.41 1.021-1.608 1.568-2.831 1.642-3.672.146-1.387-.401-2.082-1.642-2.082-.583 0-1.185.134-1.804.399 1.198-3.914 3.487-5.814 6.866-5.706 2.256.066 3.438 1.387 3.546 3.961L26 12.081c1.57-1.383 2.738-2.11 3.506-2.183 1.203-.109 2.088.244 2.654 1.06.564.816.774 1.875.63 3.18-.475 2.212-.987 5.02-1.534 8.425-.037 1.56.53 2.338 1.697 2.338.51 0 1.422-.537 2.737-1.615l.049-.04c.083-.76.218-1.662.405-2.708.3-1.687.468-3 .504-3.945.072-.652-.093-.979-.493-.979-.22 0-.84.369-1.862 1.104l-1.314-1.473c.183-.144 1.331-1.2 3.45-3.164 1.532-1.418 2.572-2.145 3.119-2.182.949-.073 1.715.318 2.299 1.172.584.855.876 1.847.876 2.974 0 .364-.036.71-.108 1.037a10.044 10.044 0 0 1 1.916-2.183c1.678-1.455 3.558-2.274 5.638-2.456 1.788-.145 3.064.273 3.833 1.255.619.8.91 1.947.875 3.438a73.7 73.7 0 0 0 .822-.71c.838-.982 1.659-1.763 2.462-2.345 1.35-.982 2.756-1.528 4.215-1.638 1.752-.145 3.01.271 3.777 1.25.656.798.949 1.94.877 3.424-.037 1.015-.284 2.492-.74 4.431-.457 1.94-.684 3.052-.684 3.342-.037.763.037 1.287.22 1.577.181.29.618.434 1.313.434.311 0 .773-.2 1.385-.602a9.877 9.877 0 0 1-.072-1.43c.035-2.945 1.35-5.745 3.942-8.401 2.845-2.909 6.203-4.365 10.072-4.365 3.576 0 5.474 1.453 5.693 4.355.145 1.85-.877 3.755-3.065 5.715-2.337 2.142-5.276 3.502-8.815 4.082.656.908 1.641 1.36 2.956 1.36 2.627 0 5.492-.664 8.596-1.997.138-.058.274-.117.408-.175zm14.56-5.244c.038-.984-.1-1.886-.41-2.706-.31-.82-.758-1.23-1.341-1.23-1.862 0-3.395 1.002-4.597 3.007-1.024 1.64-1.571 3.39-1.643 5.247-.037.912.128 1.714.492 2.406.4.803.966 1.203 1.697 1.203 1.642 0 3.048-.965 4.216-2.898.985-1.604 1.513-3.28 1.587-5.029zm-21.1-1.834c.035-.976-.365-1.465-1.203-1.465-1.094 0-2.204.751-3.334 2.253-1.13 1.502-1.713 2.94-1.748 4.315-.021 0-.021.236 0 .706a12.322 12.322 0 0 0 4.645-2.985c1.056-1.157 1.603-2.1 1.64-2.824zM34.651 2.714c-.036.906-.492 1.775-1.369 2.607-.985.941-2.153 1.412-3.503 1.412-2.08 0-3.084-.905-3.011-2.715.035-.94.592-1.846 1.669-2.715C29.513.435 30.708 0 32.023 0c.766 0 1.405.3 1.917.896.51.598.747 1.204.711 1.818z'/%3E%3C/svg%3E")}.vi-lazyload{width:100%;position:relative!important;overflow:hidden;cursor:pointer;-moz-user-select:none;-ms-user-select:none;user-select:none}.vi-lazyload::before{content:"";width:100%;display:block;position:relative;padding-top:56.25%;background-color:#000}.vi-lazyload-wrap{position:absolute;top:0;right:0;bottom:0;left:0;padding:inherit}.vi-lazyload-content{width:100%;height:100%;position:relative;background-color:#000;background-image:var(--vi-lazyload-img);background-size:cover;background-position:50%;background-repeat:no-repeat}.vi-lazyload-playbtn{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8'%3E%3Crect fill='rgba(0,0,0,.65)' width='13' height='8' rx='1' ry='1'/%3E%3Cpolygon fill='%23fff' points='5 6 9 4 5 2'/%3E%3C/svg%3E");background-position:50%;background-size:calc(35px + 10%) auto;background-repeat:no-repeat}.vi-lazyload-playbtn:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8'%3E%3Crect fill='%231ab7ea' width='13' height='8' rx='1' ry='1'/%3E%3Cpolygon fill='%23fff' points='5 6 9 4 5 2'/%3E%3C/svg%3E")}.vi-lazyload-logo{display:block;width:30%;min-width:95px;min-height:27px;max-width:215px;padding-top:8.6%;position:absolute;right:4%;bottom:4%;z-index:2;background-image:var(--vi-lazyload-logo-blue);background-position:50%;background-size:contain;background-repeat:no-repeat;opacity:.75;transition:opacity .3s}.vi-lazyload[data-logo="2"] .vi-lazyload-logo{filter:brightness(0) saturate(100%) invert(10%) sepia(31%) saturate(433%) hue-rotate(126deg) brightness(96%) contrast(95%)}.vi-lazyload[data-logo="3"] .vi-lazyload-logo{filter:grayscale(100%) brightness(200%)}.vi-lazyload-logo:hover{opacity:1;transition:opacity .3s}.vi-lazyload iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0;z-index:3;border:0;background-color:#000}

.vi-lazyload-playbtn, .vi-lazyload-playbtn:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='125' height='125' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M62.5.4102C28.1394.4102.205 28.3445.205 62.705.205 97.0656 28.1395 125 62.5 125c34.3606 0 62.295-27.9344 62.295-62.2949 0-34.3606-27.9344-62.295-62.295-62.295Zm20.0655 65.4424-29.377 19.5405c-2.492 1.7052-5.9013-.1308-5.9013-3.1478V43.1634c0-3.0161 3.4095-4.8522 5.9013-3.1477l29.377 19.5411c2.2294 1.4427 2.2294 4.8532 0 6.2958Z' fill='%23fff' fill-opacity='.2'/%3E%3Cpath d='M43.3379 81.6128c.1029 4.6399 4.7385 7.4492 8.7997 5.2406l32.6582-18.9992c1.7788-1.0371 2.986-2.9357 2.986-5.1603 0-2.225-1.2067-4.1236-2.9855-5.1598L52.1381 38.5614c-4.0611-2.2091-8.6963.5735-8.7997 5.2133l-.0005 37.8381Z' fill='%23fff'/%3E%3C/svg%3E");
	background-size: calc(-45px + 10%) auto;
}
.vi-lazyload-logo {
	display: none;
}
.vi-lazyload:hover .vi-lazyload-playbtn {
	opacity: 0.7;
	transition: all 150ms ease-in-out;
}

#unity_cookie_overlay , #unity_cookie_view_settings {
	width: 350px;
	background: #fff;
	border: 1px solid #bfbfbf;
	border-left: 4px solid #666;
	padding: 15px;
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 20;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	opacity: 1;
	transition: .3s;
}
#unity_cookie_view_settings {
	width: 500px;
}
.unity_cookie_setting_link {
	color: #999;
	display: inline-block;
	padding: 10px;
}
#unity_cookie_view_settings > .wp_content::-webkit-scrollbar {
	width: 16px;
}
#unity_cookie_view_settings > .wp_content::-webkit-scrollbar-thumb {
	border-left: 12px solid rgba(0, 0, 0, 0);
	background-clip: padding-box;
	background-color: #AAAAAA;
}

#unity_cookie_overlay.unity_cookie_hide , #unity_cookie_view_settings.unity_cookie_hide {
	opacity: 0;
	right: -500px;
}


#unity_cookie_view_settings > .wp_content {
	margin-bottom: 20px;
	max-height: 400px;
	overflow-y: auto;
}

.unity_cookie_info {
	border: 1px solid #c2c2c2;
	border-radius: 3px;
	margin: 20px 0;
}
.unity_cookie_info > div:first-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	cursor: pointer;
}
.unity_cookie_info > div:first-child strong:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 9px;
	background: center / 15px 9px url("data:image/svg+xml,%3Csvg width='15' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5.7 1.5 0 0 1.4l7 7 7.1-7L12.7 0 7.1 5.7Z' fill='%23C4C4C4'/%3E%3C/svg%3E") no-repeat;
	margin: 0 10px 2px 0;
}
.unity_cookie_info > div:first-child span {
	color: #999;
}

.unity_cookie_info .wp_content {
	border-top: 1px solid #e3e3e3;
	padding: 15px 5px 15px 30px;
	display: none;
}
.unity_cookie_info.unity_cookie_info_view .wp_content {
	display: block;
}
.unity_cookie_text_small {
	font-size: 0.8em;
}


body.menu_open #unity_cookie_overlay , body.menu_open #unity_cookie_view_settings {
	right: 350px;
}
body.menu_open.show_menu_close #unity_cookie_overlay , body.menu_open.show_menu_close #unity_cookie_view_settings {
	right: 50px;
}


@media (max-width: 1024px) {
	.vi-lazyload-playbtn, .vi-lazyload-playbtn:hover {
		background-size: calc(35px + 10%) auto;
	}
}


@media(max-width:600px) {

	body.menu_open #unity_cookie_overlay , body.menu_open #unity_cookie_view_settings {
		right: 300px;
	}
	body.menu_open.show_menu_close #unity_cookie_overlay , body.menu_open.show_menu_close #unity_cookie_view_settings {
		right: 0px;
	}

	#unity_cookie_overlay, #unity_cookie_view_settings {
		width: 100%;
		box-sizing: border-box;
		right: 0;
		border-right: none;
		border-left: none;
	}


}

@media(max-width:450px) {

	#unity_cookie_overlay , #unity_cookie_view_settings {
		padding: 20px;
	}

	#unity_cookie_overlay .button , #unity_cookie_view_settings .button {
		margin: 0;
	}
	.unity_cookie_setting_link {
		display: block;
		text-align: center;
	}

}