@charset "utf-8";
/* CSS Document */

/*--Import GLOBAL CSS--*/
@import url('/sites/all/themes/voicesoftattooing/css/global.css');

.container{max-width:1390px; padding-left:15px; padding-right:15px;}
body{font-family:var(--font-family); background-color:#000;}
.header{background-color:#000;}
.header-content{padding:30px 0;}
.header .search:not(:last-child){margin-bottom:25px;}
.search{width:470px;}
.search input, .search button{height:40px; border:0;}
.search button{width:60px; background-color:var(--primary-color); font-size:20px;}
.search input{padding:0 15px; font-size:20px; color:#000; text-transform:uppercase;}
.search input::placeholder{text-transform:uppercase; opacity:1; color:#000; text-transform:uppercase;}
.search input:focus::placeholder{opacity:0; color:transparent;}
.signup-link{color:#fff; font-size:20px; text-transform:uppercase;}
.signup-link:hover{color:var(--primary-color);}
.signup-link:not(:last-child){margin-right:15px;}
.login-btn{font-size:20px; font-family:var(--font-bold); color:#000; text-align:center; line-height:25px; padding:6px 15px; background-color:var(--primary-color); border-radius:4px;}
.login-btn:hover{color:#000; background-color:var(--primary-hover-color);}
.menu{padding:5px 0; border-top:2px solid var(--primary-color); border-bottom:2px solid var(--primary-color);}
.menu ul{border-top:5px solid var(--primary-color); border-bottom:5px solid var(--primary-color); padding-left:calc((100vw - 1390px + 15px) / 2); padding-right:calc((100vw - 1390px + 15px) / 2);}
.menu ul li a{padding:20px 0; line-height:20px; font-size:25px; color:#d2d1d0; text-transform:uppercase; font-family:var(--font-bold); display:block;}
.menu ul li a.active, .menu ul li a:hover{color:var(--primary-color);}
.nav-icon:not(:first-child){margin-left:20px;}
.logo .logo-icon{max-width:50px;}

.banner{min-height:480px; background:url(/sites/all/themes/voicesoftattooing/images/banner.jpg) center center no-repeat; background-size:cover;}

.footer{padding-top:20px; border-top:20px solid var(--primary-color);}
.footer-content{padding:30px 0; border-top:5px solid var(--primary-color);}
.footer-content-row:not(:last-child){margin-bottom:40px;}
.footer .logo{display:block;}
.social-media a{width:54px; height:54px; border-radius:100%; background-color:var(--primary-color); display:grid; place-items:center; font-size:26px; color:#000;}
.social-media a:not(:last-child){margin-right:30px;}
.social-media a:hover{background-color:var(--primary-hover-color);}
.footer-menu li a{line-height:20px; font-size:25px; color:#d2d1d0; text-transform:uppercase; font-family:var(--font-bold);}
.footer-menu li a:hover{color:var(--primary-color);}
.copyright{min-height:50px; background-color:var(--primary-color); padding:10px 0; font-size:20px; text-transform:uppercase;}
.copyright p{text-transform:uppercase; color:#000;}
.copyright p a{color:#000;}
.copyright p a:hover{text-decoration:underline;}

.main{padding:60px 0;}
.section:not(:last-child){margin-bottom:60px;}
.create-profile{padding:130px;}
.create-profile-wrap, .create-profile{position:relative;}
.create-profile-wrap::before, .create-profile-wrap::after, .create-profile::before, .create-profile::after{pointer-events:none; position:absolute; left:0; top:0; width:100%; height:100%; content:"";} 
.create-profile-wrap::before{background:url(/sites/all/themes/voicesoftattooing/images/top-left.png) left top no-repeat;}
.create-profile-wrap::after{background:url(/sites/all/themes/voicesoftattooing/images/top-right.png) right top no-repeat;}
.create-profile::before{background:url(/sites/all/themes/voicesoftattooing/images/bottom-left.png) left bottom no-repeat;}
.create-profile::after{background:url(/sites/all/themes/voicesoftattooing/images/bottom-right.png) right bottom no-repeat;}
.create-profile p{font-size:25px; text-transform:uppercase; color:#d2d1d0;}
.create-profile h1:not(:last-child){margin-bottom:25px;}
.create-profile-header:not(:last-child), .create-profile-content:not(:last-child){margin-bottom:50px;}
.profile-list{padding:0 50px;}
.profile-list li{padding-left:30px; position:relative;}
.profile-list li p{font-size:20px; font-family:var(--font-bold);}
.profile-list li p span{font-size:18px;}
.profile-list li:not(:last-child){margin-bottom:15px;}
.profile-list li::after{position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; border-radius:100%; background-color:var(--primary-color); content:"";}
.profile-list li p a{color:#d2d1d0; text-decoration:underline;}
.profile-list li p a:hover{text-decoration:none; color:var(--primary-color);}

.section-header h1, .article-header h1{padding-bottom:10px; border-bottom:4px solid var(--primary-color);}
.section-content h5{color:#d2d1d0;}
.section-header:not(:last-child){margin-bottom:25px;}
.section-block{margin-bottom:60px;}
.article-image{background-size:cover; background-repeat:no-repeat; background-position:center center; min-height:400px;}
.article-content-wrap{padding-right:15px; padding-top:15px; border-right:4px solid var(--primary-color);}
.article-content:not(:last-child){margin-bottom:40px;}

@media(max-width:1499px){
	.menu ul{padding:0 15px;}
	.logo img{max-width:500px;}
	.menu ul li a{font-size:22px;}
	.footer-menu li a{font-size:22px;}
}
@media(max-width:1199px){
	.header-content{padding:20px 0;}
	.header .search:not(:last-child){margin-bottom:15px;}
	.logo img{max-width:400px;}
	.search input{padding:0 10px;}
	.search input{font-size:16px;}
	.search button{width:50px; font-size:18px;}
	.search input, .search button{height:35px;}
	.search{width:430px;}
	.signup-link{font-size:16px;}
	.login-btn{font-size:16px; border-radius:3px;}
	.menu{padding:3px 0;}
	.menu ul{border-top-width:4px; border-bottom-width:4px;}
	.menu ul li a{padding:15px 0; font-size:18px;}
	.banner{min-height:440px;}
	.footer-menu li a{font-size:18px;}
	.social-media a:not(:last-child){margin-right:25px;}
	.footer{border-top-width:15px;}
	.footer{padding-top:10px;}
	.copyright p{font-size:18px;}
	.create-profile{padding:60px;}
	.main{padding:50px 0;}
	.section:not(:last-child){margin-bottom:50px;}
	.create-profile-wrap::before, .create-profile-wrap::after, .create-profile::before, .create-profile::after{background-size:150px 150px;}
	.create-profile p{font-size:20px;}
	.profile-list li p{font-size:18px;}
	.create-profile-header:not(:last-child), .create-profile-content:not(:last-child){margin-bottom:40px;}
	.profile-list li::after{width:14px; height:14px;}
	.profile-list li{padding-left:25px;}
	.profile-list{padding:0 40px;}
	.profile-list li p span{font-size:16px;}
}
@media(max-width:991px){
	.logo img{max-width:330px;}
	.menu ul li a{font-size:16px; padding:12px 0;}
	.footer-menu li a{font-size:16px;}
	.search{width:350px;}
	.banner{min-height:400px;}
	.social-media a:not(:last-child){margin-right:20px;}
	.footer-content-row:not(:last-child){margin-bottom:30px;}
	.copyright p{font-size:16px;}
	.main{padding:40px 0;}
	.section:not(:last-child){margin-bottom:40px;}
	.create-profile{padding:50px;}
	.create-profile-wrap::before, .create-profile-wrap::after, .create-profile::before, .create-profile::after{background-size:120px 120px;}
	.create-profile p{font-size:18px;}
	.profile-list li p{font-size:16px;}
	.create-profile-header:not(:last-child), .create-profile-content:not(:last-child){margin-bottom:30px;}
	.profile-list li::after{width:12px; height:12px;}
	.profile-list{padding:0 30px;}
	.profile-list li p span{font-size:14px;}
	.section-header h1, .article-header h1{border-bottom-width:3px;}
	.article-content-wrap{border-right-width:3px;}
}
@media(min-width:768px){
	.menu{display:block !important;}
}
@media(max-width:767px){
	.menu{display:none;}
	.menu, .menu ul{border:0; padding:0;}
	.menu ul li a{text-align:left; padding:5px 15px; line-height:30px; background-color:var(--primary-color); font-size:14px;}
	.footer-menu li a{font-size:14px;}
	.menu ul li a, .menu ul li a.active, .menu ul li a:hover{color:#000;}
	.menu ul li:not(:last-child){border-bottom:1px solid var(--primary-hover-color);}
	.menu ul li a:hover{background-color:var(--primary-hover-color);}
	.logo img{max-width:250px;}
	.header-content{padding:15px 0;}
	.search input{font-size:14px;}
	.search{width:300px;}
	.header .search:not(:last-child){margin-bottom:10px;}
	.login-btn{font-size:14px; line-height:20px; padding:5px 10px; font-size:12px;}
	.header-content-block{margin-left:auto;}
	.banner{min-height:350px;}
	.social-media a:not(:last-child){margin-right:15px;}
	.footer-menu ul li:not(:last-child){margin-bottom:10px;}
	.footer-content-row:not(:last-child){margin-bottom:25px;}
	.footer-menu li:not(:last-child){margin-bottom:10px;}
	.social-media a{width:45px; height:45px; font-size:20px;}
	.footer{border-top-width:10px;}
	.footer-content{border-top-width:4px;}
	.copyright p:not(:last-child){margin-bottom:10px;}
	.copyright p{font-size:14px;}
	.main{padding:30px 0;}
	.section:not(:last-child){margin-bottom:30px;}
	.create-profile{padding:40px;}
	.create-profile-wrap::before, .create-profile-wrap::after, .create-profile::before, .create-profile::after{background-size:80px 80px;}
	.create-profile p{font-size:16px;}
	.profile-list li::after{width:10px; height:10px;}
	.profile-list li{padding-left:20px;}
	.profile-list{padding:0 25px;}
	.profile-list li p span{font-size:13px;}
	.article-content:not(:last-child){margin-bottom:30px;}
	.section-block{margin-bottom:50px;}
}
@media(max-width:640px){
	.logo img{max-width:200px;}
	.header-content{padding-bottom:50px; position:relative;}
	.header .search{position:absolute; left:0; bottom:0; width:100%;}
	.header .search:not(:last-child){margin-bottom:0;}
	.signup-link{font-size:12px;}
	.footer-content-row:not(:last-child){margin-bottom:20px;}
}
@media(max-width:575px){
	.signup-link{display:block;}
	.signup-link:not(:last-child){margin-right:0; margin-bottom:10px;}
	.login-btn{display:block; flex-grow:1;}
	.header-content{padding-top:10px;}
	.banner{min-height:300px;}
	.menu ul li a{font-size:12px;}
	.footer-menu li a{font-size:12px;}
	.create-profile{padding:30px;}
	.section-header h1, .article-header h1{border-bottom-width:2px;}
	.article-content-wrap{border-right-width:2px;}
	.article-content:not(:last-child){margin-bottom:25px;}
	.section-block{margin-bottom:40px;}
}