/* 
Theme Name:		 Matrix-Integrated
Theme URI:		 http://childtheme-generator.com/
Description:	 Matrix-Integrated is a child theme of Yootheme, created by ChildTheme-Generator.com
Author:			 J.Saha
Author URI:		 http://childtheme-generator.com/
Template:		 yootheme
Version:		 1.0.0
Text Domain:	 matrix-integrated
*/


/*
    Add your custom styles here
*/
.custom-drop-container {
	display:flex;
}
.custom-select {
	background: transparent !important;
    border: 0 !important;
    color: white !important;
    text-transform: uppercase !important;
    height: auto !important;
    cursor: pointer;
	font-size:56px !important;
}
.custom-shape {
    clip-path: polygon(0 0, 100% 0, 100% 50%, 95% 100%, 0 100%);
	font-family:'Sofia Sans' !important;
}
.el-title a {
    text-decoration:underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 3px;
    white-space:nowrap;
}

.custom-drop-container .custom-select {
    text-decoration:underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 3px;
    white-space:nowrap;
}
.custom-drop-container span {
    transform: translate(-56px, 10px);
    z-index: 0;
}
.custom-select option {
    font-size: 20px;
}
.custom-drop-container .drop-arrow img {
  transition: transform 0.25s ease;
}

.custom-drop-container.is-open .drop-arrow img {
  transform: rotate(180deg) !important;
  transition: transform 0.25s ease !important;
}
@media(max-width:640px){
    .custom-select {
        font-size:28px;
    }
     .custom-drop-container .custom-select {
    text-decoration:underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}
    .custom-drop-container span {
        width:19px;
        display:inline-block;
    }
}