/* Theme Name: Jake Custom Tattoo Theme URI: http://underscores.me/ Author: Custom Virtual Solutions Author URI: https://customvs.com/ Description: A custom wordpress theme for Jake Custom Tattoo Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: scwd Tags: 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. WP Default is created by the theme generator at http://underscores.me/, (C) 2015-2016 Automattic, Inc. _s is distributed under the terms of the GNU GPL v2 or later. */ /*-------------------------------------------------------------- # General Styles --------------------------------------------------------------*/ html { font-size: 16px; /* 1em */ } body { font-family: "Open Sans", sans-serif; } a, a:visited { color: #2980B9; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover { color: #19B798; text-decoration: none; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 0; } /*-------------------------------------------------------------- # Helper Styles --------------------------------------------------------------* /* For removing bootstrap grid gutter */ .no-gutter > [class*='col-'] { padding-right:0; padding-left:0; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ .site { margin: 0 auto; /*max-width: 1920px;*/ background-color: #000;} .full { width: 100%; } .main { margin: auto; max-width: 1920px; } .container-fluid {/* max-width: 1200px;*/ max-width: 100%; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .site-header { } .custom-logo { max-width: 344px; } .custom-logo-link:before{} .site-title { font-size: 2.5em; /*40px*/ } .site-description { font-size: 1.125em; /*18px*/ font-weight: 400; margin: 10px 0; } /*-------------------------------------------------------------- ## Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### Menu --------------------------------------------------------------*/ .skip-link.screen-reader-text { padding: 0; } /* default */ *{margin: 0; padding: 0;} a:link, a:visited, a:hover, a:active{text-decoration: none; color: #fff; transition: all .2s ease-in-out;outline: none; } a:hover { transform: scale(1.1); } img{border: 0;} h1,h2,h3,h4,h5{ padding:0; margin:0; font-weight: normal; } .hidden{ text-indent:-999em; overflow:hidden;} hr.hide-line{ padding:0; margin:0; display:none;} .clear{ clear:both;} .clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;} .clearfix {display:inline-block;} /* Clearfix */ .clrfix:before, .clrfix:after { content: " "; display: table; } .clrfix:after { clear: both; } ul { text-align: left; } /* Hide from IE Mac \*/ .clearfix {display:block;}/* End hide from IE Mac */ /*nojavascript*/ .nojavascript{ position:absolute; z-index:1; color:red; background:#fff; font:bold 12px 'Trebuchet MS',Arial,georgia, San-serif; border:2px red dashed; width:990px; top:0; left:50%; margin-left:-495px; } .row{margin:0 auto; max-width: /*1440px*/ /*960px;*/ 1120px!important; width: 100%;} /* Body */ body{ font-family: 'Alegreya', serif; background:#fff; margin:0 auto; padding:0; text-align: center; color:#333; /*max-width: 1440px;*/ width:100%; min-width:1340px;} /* main */ #main{position:relative; width:100%; margin:0 auto; padding:0;} .btn{ display:block; background: #CC0200; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#CC0200, #8C0300); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#CC0200, #8C0300); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#CC0200, #8C0300); /* For Firefox 3.6 to 15 */background: linear-gradient(#CC0200, #8C0300); /* Standard syntax */ border:1px solid #FF0000; width:194px; font-size:20px; text-align:center;border-radius: 0;} /* header */ header{ min-height:94px; position:relative; background: #313131; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#313131, #000000); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#313131, #000000); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#313131, #000000); /* For Firefox 3.6 to 15 */background: linear-gradient(#313131, #000000); /* Standard syntax */ border-bottom:3px solid #AD0200;z-index: 10;text-align: left;} .custom-logo{ float:left;position: absolute;z-index: 10;} header nav ul{ display:block; text-align:center; padding:0; float:right; position:relative; z-index:10;} header nav ul li{ display:inline-block; vertical-align: middle; background:url(assets/images/line.png) no-repeat center right;} header nav ul li:last-child{ background:none;} header nav ul li a { display:block; font-size:15px; padding:0 5px; line-height:102px;text-transform: uppercase; position: relative;} header nav ul li a::after {content: ""; background:url(assets/images/hover.png) no-repeat; width: 22px; height: 16px; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all .3s linear; margin-bottom: -20px; opacity: 0; visibility: hidden;} header nav ul li a:hover {transform: none;} header nav ul li a:hover::after, header nav ul li.current-menu-item a::after {margin-bottom: 0; opacity: 1; visibility: visible;} /*sub menu*/ header nav .sub-menu {text-align: left; margin-top: 80px !important;background: rgba(0, 0, 0, .9); transition: all .3s linear; visibility: hidden; opacity: 0; display: block;} header nav ul li:hover .sub-menu {margin-top: 60px !important; opacity: 1; visibility: visible;} header nav .sub-menu li {background: none;} header nav .sub-menu li a {line-height: 200%;} header nav .sub-menu li a::after {display: none;} header nav .sub-menu li a:hover, header nav .sub-menu li.current-menu-item a{color: #CC0200;background: none !important;} .main-navigation{clear: none;display: inline-block;float: right;width: auto;} /*banner*/ #banner{ min-height:615px; position:relative; color:#fff;margin: 0 auto;max-width: 100%;background-color: #000;} #banner-text{position: absolute;top: 200px;left: 0;width: 100%;} .caption{ max-width:630px; width:100%; float:left; text-align:left;} .caption h2{ font-size:52px; font-family: 'Qwigley', cursive; line-height:42px; text-shadow:0 0 10px #000,0 0 10px #000;} .caption h3{ font-size:35px; font-weight:300; letter-spacing:4px; font-family: 'Lato', sans-serif; padding:0 0 40px 0;} .caption h3 span{ border-bottom:2px solid #fff; padding:0 0 20px 0;} .caption .btn{ margin:0 0 10px 0;padding-right: 10px;} .caption p{ font-size:17px;margin-bottom:0;} .caption .social-links { margin: 20px 0; } .tel{ font-size:38px;} /*content top*/ #content-top{ min-height:445px; background:url(assets/images/ct-wrap.jpg) no-repeat center top; background-size:cover; position:relative; border-bottom:3px solid #AD0200; color:#fff;} #content-top .row{ max-width: 1166px;margin: 0 auto;} .ct-left{ width:15%; float:left; text-align:left; padding:110px 0 0} .ct-left h2{ font-size:59px; line-height:1; padding-bottom:30px;} .ct-left h2 span{ border-bottom:2px solid #fff;} .ct-right{ width:80%; float:right; padding:40px 0 0;} .ct-right dl{ display:inline-block; width:30%; vertical-align:top; margin:0 10px;} .ct-right dl dd{ font-size:25px; letter-spacing:1px; background:url(assets/images/dd.png) no-repeat center top; padding:23px 0 0; position:relative; z-index:10; margin:-5px auto 0} /* content */ .home .entry-header{border:none;} p iframe {margin:auto 0; width:100%;} #content{ min-height:640px; background:url(assets/images/cn-wrap.jpg) no-repeat center top/cover; color:#fff; position: relative;} #content:after{content:''; width: 100%; height: 3px; background: url('assets/images/border.jpg')repeat center; position: absolute; top: 0; left:0;} #content h1, .title{ font-size:85px; color:#C40000; padding:10px 0; font-family: 'Qwigley', cursive; text-align: center;} #content h1 span, .title span{ color:#fff;} #content p, #content ul, #content ol { color:#fff; font-size: 22px;} .cn-left{ float:left; width:48%; text-align:left} .cn-right{ float:right; width:48%; text-align:left} .call{ font-size:17px!important; color:#C40200!important; padding:20px 0;} .call a{ font-size:38px; padding-left:10px; letter-spacing:1px;} .sm a{ margin:0 5px 0;} .read{ margin:20px 0 0;} #content .testi{background: rgba(173, 2, 0,0.6);padding: 20px;margin: 20px 0;border-radius: 10px;} #content .testi p span{color:#FFC519;font-size: 30px;} #content .testi .auth{margin: 16px 0;font-size: 25px;text-shadow: 0px 0px 3px #000;color:#FF710C;font-family: 'Arial';} .home #content{min-height: unset; padding:50px 0 0; background: #000;} #content1{text-align: left; padding-bottom: 50px} #content2{text-align: left; position: relative; background: url(assets/images/cn-wrap.jpg) no-repeat center; background-size: cover; padding:60px;} #content2 h2{padding-bottom: 30px} #content2 img {margin-bottom: 30px;} /*content-bottom*/ #content-bottom{ min-height:510px; background:/*url(assets/images/cb-wrap.jpg) no-repeat center top*/ #141414; background-size:cover; position:relative; box-sizing:border-box; padding:30px 0 50px;} #content-bottom:after{content:''; width: 100%; height: 3px; background: url('assets/images/border.jpg')repeat center; position: absolute; bottom: 0; left:0;} #content-bottom .row{max-width: 1400px;margin: 0 auto} #content-bottom img{ margin:10px 5px; position:relative; } #content-bottom dl{ display:inline-block; max-width:314px; width: 100%; position:relative; margin:20px 0 0;} #content-bottom dl dt img{margin:0; max-width: 100%} #content-bottom dl dd{ margin:0; } #content-bottom dl dd a{ margin:0 auto; position:absolute; left:0; right:0; top:75px; z-index:10;} /* Services Section */ .cnSvc {padding: 80px 0; position: relative;} .cnSvc:after{content:''; width: 100%; height: 3px; background: url('assets/images/border.jpg')repeat center; position: absolute; bottom: 0; left:0;} /* Merchandise Section */ .cnMerch {padding: 80px 0 30px;} .merchIcons {margin-top: 30px;} .merchIcons h3 {margin: 20px auto 40px !important; font-family: 'Qwigley', cursive; font-size: 50px; text-transform: lowercase;} .merchIcons h3:first-letter {text-transform: uppercase;} /* Reviews Section */ .cnRvw {padding: 30px 0 80px;} .cnRvw .rvwCon {background: rgba(255, 255, 255, .1);} .cnRvw .sa_owl_theme .owl-dots .owl-dot span {background: #FFF !important;} .cnRvw .sa_owl_theme .owl-dots .active span {background: #C40000 !important;} #content4{padding:100px 0 20px; background: url('assets/images/cbot2-bg.jpg')no-repeat center top; background-size: cover; } #content4 .panel-grid:first-of-type {align-items: unset !important; margin-bottom: 40px;} #content4 .panel-grid .widget{height: 100%} #content4 .cb-item{max-width: 300px; width: 100%; padding:25px 15px; background: rgba(255,255,255,0.11); height: 100%} #content4 .cb-item h3{font-size: 30px; padding-bottom: 10px; position: relative; margin-bottom: 20px} #content4 .cb-item h3:after{content:''; width: 55px; height: 2px; background: url('assets/images/border.jpg'); position: absolute; bottom: 0; left:0; right: 0; margin: 0 auto} #content4 .cb-item p{letter-spacing: 1px} /*services*/ .free-hand, .black-white { text-align: left!important; color: #FFFFFF!important; } .services #content h2 { margin-bottom: 0; text-align: left;} .services #content .btn {margin-top: 30px;} /*piercing*/ /*prep section*/ #prep-section{ min-height:620px; background:url(assets/images/prep-wrap.jpg) no-repeat center top / cover; border-bottom:3px solid #AD0200; color:#fff;padding: 0 0 20px;} #prep-section h2{ font-size:25px; background-color:rgba(196,2,0,0.6); width:240px; height:88px; box-sizing:border-box; padding:0 30px; line-height: 1.4em;} #prep-section p{ letter-spacing:1px;} .prep-left{ width:49%; float:left; text-align:right; padding:140px 0 0} .prep-left h2{ padding-top:10px!important; float:right} .prep-left p{ background:url(assets/images/line2.png) no-repeat right top; padding:20px 0 0; margin:20px 30px 0 0;line-height: 1.4em;} .prep-right{ width:49%; float:right; text-align:left; padding:30px 0 0} .prep-right h2{ text-align:center; padding-top:25px!important} .p-logo{ float:right;} .prep-right p{ background:url(assets/images/line2.png) no-repeat left top; padding:20px 0 0; margin:20px 0 0 30px;line-height: 1.4em;} /*merchandise*/ .merchandise-text { text-align: left!important; color: #FFFFFF!important; } .merchandise h3 { padding-bottom: 20px; } .merchandise ul { text-align: left!important; } /*footer top*/ #footer-top{ min-height:620px; position:relative; background:url(assets/images/ftt-wrap.jpg) no-repeat center top / cover; color:#fff;} #footer-top h2{ font-size:59px; padding:20px 0;} #footer-top h2 span{ border-bottom:2px solid #fff;} .ctc-hide {display: none;} .qform { max-width:960px; width:100%; margin:0 auto;} .q-left { float:left; width:49%;} .q-left input, .q-right input { margin-bottom: 0!important; } .q-right{ float:right; width:49%;} .qform input, .wpcf7-form input{font-family: 'Alegreya', serif; background:#000; width:100%; height:45px; border:1px solid #555555; font-size:16px; color:#fff; margin:0 0 10px; box-sizing:border-box; padding:0 0 0 10px;border-radius: 0;position: relative;z-index: 10;} .qform textarea, .wpcf7-form textarea{font-family: 'Alegreya', serif; background:#000; width:100%; height:165px; border:1px solid #555555; font-size:16px; color:#fff; box-sizing:border-box; padding:10px 0 0 10px;border-radius: 0;position: relative;z-index: 10;} .qform #submit, .wpcf7-form #submit{ margin:20px auto 0; background: #CC0200; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#CC0200, #8C0300); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#CC0200, #8C0300); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#CC0200, #8C0300); /* For Firefox 3.6 to 15 */background: linear-gradient(#CC0200, #8C0300); /* Standard syntax */ border:1px solid #FF0000; height:50px; width:184px; font-size:20px; text-align:center; padding: 0; border-radius: 0;} ::-webkit-input-placeholder { color: #fff; } :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1; } ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } :-ms-input-placeholder { color: #fff; } input:focus, textarea:focus{color: #fff !important;outline: none;} .ft-info{ margin:30px 0 0;} .ft-info div{ display:inline-block; vertical-align:top} .ft-info h3{ font-size:17px; color:#C40100; padding-bottom:10px;} .ft-info p{ font-size:20px;} .ft-info .phone{ font-size:32px;} .ft-info .mail{} .hour{ font-size:20px;} .mid{ margin:0 100px;} /* footer */ /*footer top*/ #ft-top{background: url('assets/images/ft-top.jpg')no-repeat center top; background-size: cover; padding:40px 0 10px; color: #FFF; position: relative;} #ft-top:before{content:''; width: 100%; height: 3px; background: url('assets/images/border.jpg')repeat center; position: absolute; top: 0; left:0;} #ft-top .title{position: relative; margin-bottom: 30px;} #ft-top .title:before{content:''; width: 75px; height: 2px; background: #FFF; position: absolute; bottom: 0; left: 0; right: 0; margin:0 auto;} #ft-top small{display: block; color: #C40100; font-size: 17px;} #ft-top p{font-size: 18px; margin-bottom: 15px; letter-spacing: 1px} #ft-top p.ft-phone{font-size: 32px;} #ft-top p.ft-hours{font-size: 20px;} footer{margin:0 auto; min-height:111px; background:#000; position:relative;} footer:after{content:''; width: 100%; height: 3px; background: url('assets/images/border.jpg')repeat center; position: absolute; top: 0; left:0;} footer .ft-nav { padding:15px 0 0 0 !important; font-size:17px !important;} footer .ft-nav ul{margin: 0;padding:0;list-style-type: none;} footer .ft-nav ul li{display: inline-block;border-right:#222222 1px solid;} footer .ft-nav ul li:not(:first-child):not(:last-child){padding-left: 20px;padding-right: 20px;} footer .ft-nav ul li:first-child{padding-right: 20px;} footer .ft-nav ul li:last-child{padding-left:20px;border-right:0;} footer .ft-nav span { padding:0 20px; color:#222222;} footer .ft-nav a { color:#fff;text-transform: uppercase; } footer .ft-nav a:hover,footer .ft-nav a.current-menu-item {} footer .copyCvs{ color:#fff; font-size:12px; padding:15px 0 5px 0; letter-spacing:3px;} footer .copyCvs a { color:#C40000 !important;} footer .copyCvs span { position:relative !important; top:0 !important; display:inline-block !important; margin:0 !important; padding:0 !important;} body#inner #content{ background-attachment:fixed; min-height:300px;background-size: cover;padding: 0 0 40px;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);} body#inner #content .entry-header{text-align: center;border:0;} body#inner #content p{ text-align:left;margin: 0 auto 20px} body#inner #content h1{font-family: 'Qwigley', cursive; font-size:85px;} body#inner #content h5{font-family: 'Qwigley';font-weight: 400;font-size: 50px;text-align: left;line-height: 100%} .inner .content-area p { text-align: left; color: #fff; font-size: 22px; } #prep {margin: 0 auto 50px} #prep , #care {padding: 20px 0 0} .qform form .messages p {display: none;font-family: Arial !important;font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important; margin-top: 20px;} .qform form .loading {display: none;} .qform form .alert {padding: 15px !important;margin-bottom: 20px;border: 1px solid transparent !important;border-radius: 4px !important;} .qform form .alert-success {color: #3c763d !important;background-color: #dff0d8 !important;border-color: #d6e9c6 !important;} .qform form .alert-danger {color: #a94442 !important;background-color: #f2dede !important;border-color: #ebccd1 !important;} .qform form [type="submit"] {margin:20px auto;} .g-recaptcha > div {margin-left: 11%;} #Form_Container form .messages p {display: none;font-family: Arial !important;font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important;} #Form_Container form .loading {display: none;} #Form_Container form .alert {padding: 15px !important;margin-bottom: 20px;border: 1px solid transparent !important;border-radius: 4px !important;} #Form_Container form .alert-success {color: #3c763d !important;background-color: #dff0d8 !important;border-color: #d6e9c6 !important;} #Form_Container form .alert-danger {color: #a94442 !important;background-color: #f2dede !important;border-color: #ebccd1 !important;} #Form_Container form [type="submit"] {margin:20px auto; display: block;} #Form_Container .g-recaptcha > div {margin-left: 25%;} /* overwrite bootstrap */ .entry-header, .entry-footer{background: transparent;min-height: 0;z-index: 1;line-height: 1;} .entry-footer a{line-height: 1;} .btn.focus, .btn:focus, .btn:hover{color: #fff;background-color: inherit;} .hentry{margin-bottom: 0;} #main #content{border-bottom: 0;} .wpcr3_in_content input:focus, .wpcr3_in_content textarea:focus{color: #000!important;} .wpcr3_div_2 {margin: 0 auto;} .wpcr3_content {text-align: left;} .wpcr3_review {padding: 20px 10px; box-shadow: 0px 0px 10px #000; margin: 15px auto 20px; border-left: 3px solid #C40000; background: rgba(173, 2, 0,0.6); border-radius: 0 5px 5px 0;} .wpcr3_review .wpcr3_caps {color: #FF710C;} .wpcr3_review blockquote {border-left: none;} .wpcr3_review .wpcr3_content {padding: 10px 0!important;} .wpcr3_in_content {text-align: center;} .wpcr3_in_content .wpcr3_dotline {display: none!important;} .wpcr3_pagination .wpcr3_a.wpcr3_current, .wpcr3_pagination .wpcr3_a:hover {background: #C40000;} /*.wpcr3_in_content .wpcr3_review_datePublished {display: none!important;}*/ /*modification codes*/ .inConForm textarea {height: 240px;} .inConForm p {text-align: center!important;} .qform input[type="checkbox"], .wpcf7-form input[type="checkbox"]{ width: 5% !important; position: relative; top: 18px; left: 5px; transform: scale(0.8); } #quick_contact_consent span{ white-space: nowrap; } #contact_consent span{ white-space: nowrap; } .page-id-277 #content .row{max-width:1200px;} .cta {display: none;} /* aftercare */ .aftercare h1.entry-title{padding-top: 285px!important; position: relative; background: linear-gradient(#750300, #F00000); font-size: 150px!important; color: #FFF!important;} .aftercare h1.entry-title::before{content: url(assets/images/logo.png); position: absolute; top: 32px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 312px; height: 100%; } .aftercare .entry-content{margin: 0!important;} .aftercare #content .row{max-width: 100%!important} .aftercare #content .container{padding: 60px 0; background: url(assets/images/bg-container.jpg)no-repeat center center; background-size: cover;width: 100%;} .aftercare #content .upper-row{max-width: 1110px; width: 95%; margin: 0 auto; font-size: 25px; border: 7px solid transparent; -webkit-border-image: url(assets/images/border-image.png) 5;} .aftercare #content .upper-row p{font-family: "Lato"; font-size: 25px; font-weight: 300; color: #FFF;padding: 40px 130px; text-align: center!important;border: 7px solid transparent; -webkit-border-image: url(assets/images/border-image.png) 7 0 stretch;} .aftercare #content .new-row{max-width: 1110px; width: 95%; margin: 0 auto;} .aftercare #content .new-row{flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center!important;padding: 40px 0;} .aftercare #content .new-row .text{max-width: 717px;} .aftercare #content .new-row .text.right{margin: 0 0 0 auto;} .aftercare #content .new-row .text.left{margin: 0 auto 0 0;} .aftercare #content .new-row p{font-size: 24px!important;} .aftercare #content .upper-row p .aftercare #content .upper-row .content-bg { font-size: 25px; border: 7px solid transparent; -webkit-border-image: url(assets/images/border-image.png) 5 } .aftercare #content .upper-row .content-bg p { -webkit-border-image: none; padding: 40px 60px 0px!important; } .tattoo-preparation h1.entry-title{padding-top: 285px!important; position: relative; background: linear-gradient(#750300, #F00000); font-size: 150px!important; color: #FFF!important;} .tattoo-preparation h1.entry-title::before{content: url(assets/images/logo.png); position: absolute; top: 32px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 312px; height: 100%; } .tattoo-preparation .entry-content{margin: 0!important;} .tattoo-preparation #content .row{max-width: 100%!important} .tattoo-preparation #content .container{padding: 60px 0; background: url(assets/images/bg-container.jpg)no-repeat center center; background-size: cover;width: 100%;} .tattoo-preparation #content .upper-row{max-width: 1110px; width: 95%; margin: 0 auto;} .tattoo-preparation #content .upper-row p{font-family: "Lato"; font-size: 25px; font-weight: 300; color: #FFF;padding: 40px 130px; text-align: center!important;border: 7px solid transparent; -webkit-border-image: url('assets/images/border-image.png') 7 0 stretch;} .tattoo-preparation #content .new-row{max-width: 1110px; width: 95%; margin: 0 auto;} .tattoo-preparation #content .new-row{flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center!important;padding: 40px 0;} .tattoo-preparation #content .new-row .text{max-width: 717px;} .tattoo-preparation #content .new-row .text.right{margin: 0 0 0 auto;} .tattoo-preparation #content .new-row .text.left{margin: 0 auto 0 0;} .tattoo-preparation #content .new-row p{font-size: 24px!important;} .tattoo-preparation #content .upper-row .content-bg { font-size: 25px; border: 7px solid transparent; -webkit-border-image: url(assets/images/border-image.png) 5 } .tattoo-preparation #content .upper-row .content-bg p { -webkit-border-image: none; padding: 40px 60px 0px!important; } /*blog*/ #inner header { background: transparent; border-bottom: none; } #inner .entry-footer { padding-top: 15px; } #inner .entry-title { font-size: 85px; color: #fff!important;/*color: #C40000!important; */padding: 10px 0; font-family: 'Qwigley', cursive; text-align: center; } #inner .contBox, #inner .blogBox { padding: 20px; box-shadow: 0px 0px 10px #000; margin: 15px auto 20px; border: 3px solid #C40000; background: rgba(0, 0, 0, 0.6); border-radius: 0 5px 5px 0; } #inner .contBox .blogBox { border: none; } #inner .blogBox .post-thumbnail { padding-top: 20px; } #inner .contBox .comment-form input[type=submit] { margin: 10px auto 0; background: #CC0200; background: -webkit-linear-gradient(#CC0200, #8C0300); background: -o-linear-gradient(#CC0200, #8C0300); background: -moz-linear-gradient(#CC0200, #8C0300); background: linear-gradient(#CC0200, #8C0300); border: 1px solid #FF0000; height: 50px; width: 184px; font-size: 20px; text-align: center; padding: 0; border-radius: 0; color: #fff; font-family: 'Alegreya', serif; } #inner .contBox .comment-form input[type=text], #inner .contBox .comment-form input[type=email], #inner .contBox .comment-form input[type=url], #inner .contBox .comment-form textarea { background: transparent!important; border: 1px solid #555555; } #inner #content .contBox .form-submit { margin: 0 auto; text-align: center; } #inner .contBox .blogBox .redirect-link { color: yellow!important; } .single .byline, .group-blog .byline { display: none!important; } .posted-on a { pointer-events: none!important; cursor: default!important; } .page-title.screen-reader-text { position: relative!important; height: auto; width: auto; color: #FFFFFF!important; } .other-merchandise h3{ color:#FFFFFF } .so-widget-sow-image-default-ad2c8d41f7a1 .sow-image-container .so-widget-image{width: 100%;} /*-------------------------------------------------------------- ## Responsive --------------------------------------------------------------*/ @media screen and (max-width: 1440px) { .row, .container {box-sizing: border-box; padding:0 10px;} #banner-text .row, #content .row, #prep-section .row {padding: 0 10px;} #banner-text {top: auto; bottom: 5%;} #banner {min-height: auto;} } @media screen and (max-width: 1340px) { body {min-width: 320px;} .custom-logo {width: 100%; max-width: 25%;} .caption h2 {display: block; margin-bottom: 10px; font-size: 45px;} #banner-text {bottom: 2%;} #content-top .row {padding: 0 10px;} } @media screen and (max-width: 1100px) { header nav ul li a {padding: 0 9px;} .caption h2 {font-size: 40px;} .caption h3 {font-size: 30px;} .tel {font-size: 30px;} #content-bottom dl dd a{top:unset; bottom:10px;} } @media screen and (max-width: 1015px) { a:link, a:visited, a:hover, a:active { font-size: 12px; } } @media screen and (max-width: 960px) { #footer-top .row {padding: 0 10px;} #banner-text {position: static; padding: 20px 0;} .caption {max-width: 100%; text-align: center;} .caption .btn {margin: 0 auto 10px;} .caption h3 span, .ct-left h2 span {border-bottom: none;} .custom-logo {position: static; float: none; width: 100%; display: block; margin: 0 auto;} .main-navigation {display: block; float: none; width: 100%; text-align: center;} .main-navigation ul {width: 100%; float: none; display: block; padding: 20px 0;} .main-navigation li {float: none; display: inline-block;} header nav ul li a {line-height: 120%;} header nav ul li a:hover, header nav ul li.current-menu-item a{background: none;} .ct-left, .ct-right {float: none; width: 100%; text-align: center; padding: 20px 0 0;} .ct-left .btn {margin: 10px auto;} .ct-right dl {margin: 0 10px 20px; width: 28%;} .ct-right dl dd {font-size: 20px;} #quick_contact_consent span {white-space: pre-wrap;} .mid {margin: 0 30px;} .cnSvc, .cnMerch, .cnRvw, #content2 {padding: 30px 0;} } @media screen and (max-width: 800px) { #wprmenu_bar .menu_title a {top: 0;} #mg-wprm-wrap ul li {text-align: left;} .custom-logo {max-width: 30%;} #content h1 {text-align: center; font-size: 50px;} .cn-left, .cn-right {float: none; display: block; width: 100%; text-align: center; margin-bottom: 20px;} .call {padding: 0;} .read {margin: 20px auto 0;} .cn-right p {margin: 0 auto 20px;} .cn-right p:last-of-type {margin-bottom: 0;} #content-bottom dl {top: 6px;} #prep-section {padding: 300px 0 20px; position: relative;} #prep-section .p-logo {position: absolute; top: 10px; left: 0; right: 0; margin: 0 auto;} .prep-left, .prep-right, .q-left, .q-right {text-align: center; width: 100%; max-width: 100%; padding: 0 0 20px; float: none;} .prep-left h2, .prep-right h2 {float: none; margin: 0 auto 20px;} .prep-left p, .prep-right p {background-position: center top; margin: 0 0 20px;} .prep-left p:nth-of-type(1) {display: none;} .prep-left .btn, .prep-right .btn {margin: 10px auto;} .g-recaptcha > div {margin: 0 auto !important;} #quick_contact_consent {padding-bottom: 80px;} .qf-btn {position: absolute; margin-top: 70px; width: 100%;} .ft-info div {display: block; float: none; width: 100%; margin: 10px auto;} .ft-info div p {margin: 0;} body#inner #content, body#inner #content p, body#inner #content h5 {text-align: center;} body#inner #content h1 {font-size: 72px;} .cta{background: #C40000 url("assets/images/phonecall.png") no-repeat center center; border-bottom-left-radius: 40px;border-top: 2px solid #013f9a ;border-top-left-radius: 40px;bottom: 13%;display: block;height: 80px;position: fixed;right: 0;text-decoration: none; text-indent: -9999em;width: 100px;z-index: 999; box-shadow: 0px 0px 5px #000;} .services #content .svcRow {padding: 30px 0;} .services #content .colRev {flex-direction: column-reverse !important;} .services #content .sow-image-container {justify-content: center; margin-bottom: 20px;} .services #content h2 {text-align: center;} .services #content .btn {margin: 20px auto 0;} #content4 .cb-item{max-width: unset; margin:20px auto;} .tattoo-preparation #content .upper-row p{padding: 40px 20px} .aftercare #content .upper-row p{padding: 40px 20px} .tattoo-preparation #content .new-row .image img{margin: 0 auto;} .aftercare #content .new-row .image img{margin: 0 auto;} } @media screen and (max-width: 652px) { #content h1, .title{font-size: 60px; line-height: 1.2} #content-bottom img, #content-bottom dl {width: 100%; max-width: 350px;} #content-bottom dl img {max-width: 100%;} #content4{padding:40px 0 20px;} } @media screen and (max-width: 500px) { #content h1, .title{font-size: 50px;} .custom-logo {max-width: 40%;} .ct-right dl {width: 100%; margin: 0 0 20px;} .ct-right br {display: none;} #content-bottom .row {padding: 0 10px;} /*#content-bottom dl dd a {width: 100px; font-size: 10px; }*/ .qf-btn {margin-top: 100px;} footer .esilver-text {font-size: 8px;} footer .esilver-text a {color: #FFF;} .btn{margin:0 auto;} } @media screen and (max-width: 320px) { #content-bottom img, #content-bottom dl {max-width: 100%; margin: 0 0 20px;} #content-bottom dl {height: auto;} #content-bottom dl dd a {width: 150px; font-size: 13px; } }