/* cmsms stylesheet: 4 - 1024 modified: Tuesday, 3 June 2025 4:46:52 pm */
/* 1024 */

/* WAHWN BRAND COLOURS */

html, body{
height:100%;
}

footer{
position:absolute;
bottom:0;
width:100%;
padding-bottom:0px;
}

footer .flex:after{
content:'';
display:block;
width:160px;
height:160px;
position:absolute;
background-image:url(/uploads/assets/img/footer-bg-blob.png);
background-size:contain;
background-repeat:no-repeat;
top:-40px;
right:-120px;
z-index:-1;
}


/* PADDING */
.vpad{
padding-top:10px;
padding-bottom:10px;
box-sizing:border-box;
}

.hpad{
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
}

/* FLEX */

.flex-row{
flex-direction:row;
}

/* COLUMNS */ 
.col1-12 {width:8.333333%;} .col2-12 {width:16.666667%;} .col3-12 {width:25%;} .col4-12 {width:33.333334%;} .col5-12 {width:41.666667%;} .col6-12 {width:50%;} .col7-12 {width:58.333333%;} .col8-12 {width:66.666667%;} .col9-12 {width:75%;} .col10-12 {width:83.333333%;} .col11-12 {width:91.666667%;} .col12-12 {width:100%;}

#mobile-navigation{
display:none;
}

/* WRAPPER */

#cookie-notification{
top:unset;
bottom:0;
}

#cookie-notification .hpad{
padding-left:10px;
padding-right:10px;
}

#cookie-notification .vpad{
padding-top:5px;
padding-bottom:5px;
}

.cookie-title{
}

#header-left{
}

#logo{
padding:10px 20px;
height: 84px;
width: 224px;
position:absolute;
}

#logo a{

}

#lang-button{
display:none;
}

#top-menu{
display:block;
padding: 10px 20px 10px;
float:right;
clear:both;
font-size:16px;
}

#top-menu-flex{
display:flex;
margin: 0 -5px;
}

#top-menu ul{
display:flex;
}

#top-menu ul li{
display:flex;
flex-direction:column;
justify-content:center;
line-height:1;
}

#top-menu ul li form{
display:block;
padding:0 5px;
position: relative;
font-weight:500;
}

#top-menu ul li a{
display:block;
border-left:2px solid #5755a1;
padding:0 5px;
position: relative;
font-weight:500;
font-size:14px;
line-height:1;
color:#E61950;
transition: color 0.25s;
}

#top-menu ul li a:hover{
color:#5755a1;
}

#top-menu label{
color:#5755a1;
font-size:0px;
}

#top-menu .search-input{
-webkit-appearance: none;
background: transparent;
border: none;
border-bottom: 2px solid #5755a1;
border-radius:0;
padding:0;
font-size:14px;
width:55px;
transition: width 0.5s;
}

#top-menu .search-input:focus{
width:110px;
}

#top-menu .search-input::placeholder{
color:#5755a1;
}

#top-menu .search-button{
/*position:absolute;
right:0;
top:0;*/
-webkit-appearance: none;
background: #ffffff;
border:none;
font-size:0px;
color:#E61950;
padding:0;
}

#top-menu .search-button i{
font-size:14px;
color:#E61950;
}

#top-menu .search-button:hover{
color:#5e5e5e;
}

#top-menu .lang-menu a{
display:block;
padding:0px 10px;
border-left:0;
margin:0px 5px 0px;
transition: background-color 0.25s;
}

#top-menu .lang-menu a:after{
content:'';
display:block;
position:absolute;
width:100%;
height:40px;
background:#e83a68;
transition: background-color 0.25s;
top:-14px;
left:0;
border-bottom-left-radius:65px ;
border-bottom-right-radius:65px;
border-top-left-radius:30px;
border-top-right-radius:30px ;
}

#top-menu .lang-menu a:hover:after, #top-menu .lang-menu.lang-menu-green a:hover:after{
background:#5755a1;
color:#ffffff;
}

#top-menu .lang-menu.lang-menu-green a:after{
background:#00d081;
}

#top-menu .lang-menu a span{
position:relative;
z-index:1;
color:#ffffff;
}



#primary-menu{
display:block;
padding:0 20px;
float:right;
clear:both;
}

#primary-menu-flex{
padding:17px 0 0;
display:flex;
margin: 0 -10px;
}

#primary-menu-flex ul{
display:flex;
justify-content: flex-end;
width: 100%;
line-height:1.1;
}

#primary-menu-flex ul li{
border-right:2px solid #5755a1;
}

#primary-menu-flex ul li:last-child{
border-right:none;
}

#primary-menu-flex ul li a{
color:#E61950;
font-weight:500;
font-size:16px;
transition: color 0.25s;
display:block;
padding:0 5px;
line-height:1;
}

#primary-menu-flex ul li a:hover{
color:#5755a1;
}

/* SLIDESHOW */
#home-slideshow{
z-index:1;
}

.slide-wrap{
display:flex;
justify-content:center;
overflow-x:hidden;
}

.slide-content-wrap{
background:transparent;
display: flex;
flex-direction: column;
justify-content: center;
width:40%;
}

.slide-image-wrap{
display: flex;
flex-direction: column;
justify-content: center;
width:60%;
}

.slide-content h3{
font-size:21px;
}

.slide-content p{
font-size:18px;
}

/* HOME RESOURCES */

#home-resources{
padding-bottom:40px;
}

#home-resources-title h2, #home-resources-link h2{
font-size:28px;
margin:20px 0;
}

#home-resources-list, #cat-resources-list, #kbpage-resources-list{
display:flex;
flex-wrap:wrap;
margin:0;
}

.resources-item{
max-width:100%;
}

.resource-image{
width:100%;
}

.resource-details{
width:100%;
float:right;
}

#home-about:after{
height: 90px;
}

#home-about-container, #home-about-left{
display:flex;
}

#home-about-container{
max-width:1064px;
}

#home-about-left{
flex-direction:column;
justify-content:center;
}

#home-about-left:after{
background-position:center;
left:5px;
width:calc(100% - 10px);
height:calc(100% - 10px);
}

#home-about-left h1{
text-align: left;
font-size: 28px;
max-width:340px;
margin: 0 auto 30px;
}

#home-about-right p{
font-size:20px;
margin:20px 0
}

/* GET STARTED */

#home-getstarted h2{
margin:20px 0;
font-size: 28px;
}

#home-getstarted p{
margin:20px 0;
}

#home-getstarted:after{
height: 90px;
}

#home-getstarted .flex .col4-12{
width:33.33334%;
margin:0;
}

.gs-shape > span{
padding:0 10%;
}

@keyframes tada{
0%{transform:rotate(0deg) scale(1)}
100%{transform:rotate(-5deg) scale(1.05)}
}

.gs-shape:hover svg{
/*animation-name:tada;*/
animation-duration:0.7s;
animation-iteration-count: infinite;
animation-direction: alternate;
}

.gs-shape:hover:after{
background:#5e5e5e;
/*animation-name:tada;*/
animation-duration:0.7s;
animation-iteration-count: infinite;
animation-direction: alternate;
}

/* BECOME A MEMBER */

#home-becomeamember h2{
margin: 20px auto;
font-size:28px;
}

#home-becomeamember-left p, #home-becomeamember-left ul{
margin: 20px 0;
}

#home-becomeamember-left p.button-wrap{
margin:0 -10px;
}

#home-becomeamember-left a.button{
display:inline-block;
margin:0 10px 0;
/**color:#E61950;
border-bottom:1px solid #E61950;**/
width:calc(50% - 20px);
transition: background-color 0.25s;
}

/* TESTIMONIALS */

.testimonial-text > div{
padding:60px;
}

#home-testimonials p{
font-size:18px;
margin:20px 0;
}

/* MAIN CONTENT */

#breadcrumbs{
}

#right-column-breadcrumbs, #right-column-breadcrumbs, #one-column-breadcrumbs{
margin-bottom:20px;
}

#main-content-right, #one-column-content, #right-column-content, #main-content-list{
padding-bottom:10px;
}

#main-content h1{
font-size:27px;
}

#one-column-content{
position:relative;
}

#main-content-title:before, #content-title:before{
content:'';
display:block;
width:160px;
height:160px;
position:absolute;
background-image:url(/uploads/assets/img/main-bg-blob.png);
background-size:contain;
background-repeat:no-repeat;
top:-30px;
left:-80px;
z-index:-1;
}

#one-column-search{
position:relative;
}

#one-column-search:after{
content:'';
display:block;
width:270px;
height:270px;
position:absolute;
background-image:url(/uploads/assets/img/search-bg-blob.png);
background-size:contain;
background-repeat:no-repeat;
top:-40px;
left:-20px;
z-index:-1;
}

#one-column-search form{
margin-top:20px;
}

.filter-separator{
margin:0;
}

#members-filter-toggle-wrap{
display:none;
}

#members-filter-mobile{
display:block;
}

#members-filter, #kb-filter, .kb-filter{
margin:0 -10px;
}

.kb-filter .filter-list > .column{
width:20%;
}

#members-artist-filter{
margin:0 -10px;
}

#members-artist-filter-title{
padding:0 10px;
}

.member-left{
width:150px;
}

.member-right{
padding:20px;
}

#filter-list-major, #filter-list{
margin:0;
}

#members-filter-buttons > .column, .filter-list > .column{
width:33.33334%;
}

.filter{
padding:10px;
}

/* FORM */

/* FORM */

.resource-submission-form, .profile-submission-form, .blog-post-submission-form, .opportunity-submission-form, .contactform, .feedbackform, .training-networking-submission-form{
padding:20px;
}

.resource-submission-form-categories > div{
width:33.33334%;
padding:10px;
display:flex;
}

.profile-submission-form-categories > div{
width:25%;
padding:10px;
display:flex;
}

.profile-submission-form-location > div{
width:20%;
padding:10px;
display:flex;
}

/* LOGIN FORM */

#login-form{
padding:10px;
}

.field{
width:50%;
padding:10px;
}

.field-double{
width:100%;
}

/* SIGNUP FORM */

#signup-form{
padding:10px;
}

.signup-field{
width:50%;
padding:10px;
}

.signup-field-double{
width:100%;
}

#search-menu{
display:none;
}

/* USER AREA */

#user-area-buttons{
margin:0 -10px;
}

.resource-submission-form .submit, .profile-submission-form .submit, .blog-post-submission-form .submit, .opportunity-submission-form .submit{
flex-direction:row;
}

.resource-submission-form .cms_submit, .profile-submission-form .cms_submit, .blog-post-submission-form .cms_submit, .opportunity-submission-form .cms_submit{
width:auto;
margin:0;
}

.resource-submission-form .fbsubmit_prev{
margin:0 20px ;
}

/* FEEDBACK FORM */

.feedback-radio-three, .feedback-radio-six{
display: flex;
    flex-wrap: wrap;
    margin: 0px -10px 30px;
}

.feedback-radio-three > label, .feedback-radio-six > label{
padding:0 10px;
}

.feedback-radio-three > div{
width:33.33334%;
justify-content: center;
padding: 10px;
    display: flex;
}

.feedback-radio-six > div{
width:15.666667%;
justify-content: center;
padding: 10px;
    display: flex;
}

.feedback-radio-three > div > input, .feedback-radio-six > div > input{
margin: 0;
    width: 20px;
    height: 20px;
    -webkit-appearance: radio;
    -moz-appearance: radio;
    display: block;
    flex-shrink: 0;
    border-radius: 0;
}

.feedback-radio-three > div > label, .feedback-radio-six > div > label{
margin: 0;

    margin-left: 10px;
    line-height: 1.3;
width: 100%;
    display: block;
}

.article-grey{
padding:20px;
}

.blog-post-left img{
max-width:100%;
}

/* HEADER V2 */
#header-v2 #logo{
position:relative;
}

#header-v2 #menu-icon{
padding:10px 20px;
width:80px;
}

#header-v2 #language{
padding:10px;
}

#header-v2 #socials{
padding:10px;
}

#header-v2 #menu ul li, #header-v2 #action-menu .lang-menu{
padding:10px;
}

#header-v2 #main-menu, #header-v2 #extra-menu, #header-v2 #action-menu{
padding:10px;
}

#form-member-profile.profile-submission-form{

 .flex-flush{
 margin:-10px;
 }
 

 .form-group-multiple{
 margin:0 -10px;

  > label{
  width:100%;
  padding:0 10px;
  display:block;
  margin:0;
  }

  div{
  padding:10px;
  width:33.33334%;
  }

 }
}