body {
font-family: Favorit;
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 150%;
color: #000000;
}
.text-dark {
color: #000000 !important;
}
img {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
a {
color: #000000;
}
a:hover {
color: #000000;
text-decoration: underline;
}
p {
margin-bottom: 1.5rem !important;
width: 90%;
}
h1 span {
position: absolute;
text-indent: -9999px;
}
h2.style_2 {
font-family: Favorit !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 105px !important;
line-height: 105% !important;
margin: 30px 0px;
text-transform: uppercase;
margin-left: -9px;
}
h3 {
font-size: 20px;
line-height: 150%;
letter-spacing: 0.25em;
text-transform: uppercase;
margin-bottom: 20px;
}
h4 {
letter-spacing: 0.25em;
text-transform: uppercase;
}
.primary_button {
display: inline-block;
background-color: #000000;
color: #FFFFFF;
padding: 10px 20px;
text-transform: uppercase;
}
.primary_button:hover {
background-color: rgba(0,0,0,0.8);
color: #FFFFFF;
text-decoration: none;
}
.videoWrapper {
position: relative;
padding-bottom: 46.25%; padding-top: 25px;
height: 0;
width: 90%;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .pos_relative {
position: relative;
}
#main-content {
position: relative;
overflow: hidden;
}
#main-content.fix {
width: 100%;
position: fixed;
z-index: -2;
}
table {
box-sizing: border-box;
}
table td {
border: 4px solid #000000;
padding: 26px;
padding: 4% 7%;
vertical-align: middle;
font-weight: normal;
}
table td p {
margin-bottom: 0px !important;
}
table td.button {
background-color: #000000;
}
table td.button a {
color: #FFFFFF;
}
table td.button .arrow {
width: 20px;
height: 20px;
float: right;
margin: 0px;
margin-top: 4px;
}
table td.button .arrow path {
stroke: #FFFFFF;
}
table td.button:hover {
color: #000000;
background-color: #FFFFFF;
}
table td.button:hover a {
color: #000000;
text-decoration: none;
}
table td.button:hover .arrow path {
stroke: #000000;
}
.arrow {
display: inline-block;
margin: 6px;
margin-bottom: 11px;
}
.arrow.right {
transform: rotate(-90deg);
}
.arrow.left {
transform: rotate(90deg);
}
.h100vh {
height: 100vh
}
.w-50 {
position: relative;
}
.h-10 {
height: 10% !important;
}
.h-90 {
height: 90% !important;
}
#top_logo polygon,
#top_logo path,
#top_logo rect {
fill: #FFFFFF !important;
}
#top_logo.black polygon,
#top_logo.black path,
#top_logo.black rect {
fill: #000000 !important;
}
#top_logo {
width: 159px;
height: 51.24px;
}
#menu_logo {
width: 159px;
height: 51.24px;
}
#big_logo {
width: 100%;
height: auto;
}
.burger_menu {
font-size: 30px;
color: #FFFFFF;
}
.burger_menu.black {
color: #000000;
}
.burger_menu:hover {
color: #FFFFFF;
opacity: 0.8;
text-decoration: none;
}
.burger_menu.black:hover {
color: #000000;
opacity: 0.5;
}
.post_body h3 {
margin-bottom: 20px;
margin-top: 40px;
}
.post_body h3:first-child {
margin-top: 0px;
} * { box-sizing: border-box; }
@-webkit-keyframes ticker {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes ticker {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.ticker-wrap {
position: relative;
bottom: 0;
width: 100%;
overflow: hidden;
height: 4rem;
padding-left: 100%;
box-sizing: content-box;
border-bottom: 4px solid #000000;
}
.ticker-wrap .ticker {
display: inline-block;
height: 4rem;
line-height: 4rem;  
white-space: nowrap;
padding-right: 100%;
box-sizing: content-box;
-webkit-animation-iteration-count: infinite; 
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-name: ticker;
animation-name: ticker;
-webkit-animation-duration: 30s;
animation-duration: 30s;
}
.ticker-wrap:hover .ticker {
animation-play-state: paused
}
.ticker-wrap .ticker .ticker__item {
display: inline-block;
font-size: 30px;
font-weight: normal;
line-height: 150%;
} #big_menu .close-button-menu {
float: right;
font-size: 30px;
line-height: 150%;
font-weight: normal;
}
#big_menu .close-button-menu:hover a {
text-decoration: none;
}
#big_menu {
transition: all 0.5s;
position: fixed;
z-index: -1;
top: 100vh;
min-height: 100vh;
}
#big_menu.show {
position: relative;
top: 0px !important;
z-index: 9999;
}
#big_menu ul {
padding: 0px;
list-style: none;
}
#big_menu .menu_item {
font-size: 60px;
line-height: 180%;
border-top: 5px solid #000000;
display: block;
position: relative;
text-indent: -4px;
}
#big_menu .menu_item span {
position: absolute;
right: 0px;
top: 50%;
transform: translate(0%, -50%);
}
#big_menu .menu_item:hover {
text-decoration: none;
}
#big_menu .expanded span {
display: none;
}
#big_menu ul li:last-child .menu_item {
border-bottom: 5px solid #000000;
}
#big_menu ul li a {
font-weight: normal;
}
#big_menu ul li ul {
margin-bottom: 40px;
display: none;
}
#big_menu ul li ul li a {
font-weight: 300;
font-size: 60px;
line-height: 125%;
}
#big_menu a span img {
transform: rotate(-90deg);
}
#big_menu .hasSubcat a span img {
transform: rotate(-360deg);
}
#big_menu .subcat table {
width: 100%;
}
#big_menu .subcat table td {
padding: 0px;
border: 0px;
font-size: 20px;
line-height: 130%;
font-weight: 300;
opacity: 0;
transition: all 0.3s;
padding-left: 2%;
}
#big_menu .subcat table:hover td {
opacity: 1;
}
#big_menu .subcat table td:first-child {
width: 75%;
opacity: 1 !important;
}
#big_menu .subcat table td p {
padding: 0px !important;
width: auto !important;
margin: 0px !important;
} .sidebar ul {
padding: 0px !important;
list-style: none;
}
.sidebar ul,
.sidebar p,
.sidebar h4 {
font-family: Favorit;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 150%;
color: #000000;
width: 100%;
margin-bottom: 0px !important;
}
.sidebar h4 {
margin-bottom: 20px !important;
} .hero h2 {
font-family: Favorit Mono;
font-style: normal;
font-weight: normal;
font-size: 114px;
line-height: 100%;
color: rgba(255,255,255,1);
letter-spacing: 5px;
}
.hero p {
font-size: 26px;
line-height: 125%;
color: #FFFFFF;
margin-bottom: 30px !important;
letter-spacing: 1px;
}
.hero p:last-child {
margin-bottom: 0px !important;
}
#the_p {
width: 80%;
bottom: 0px;
transition: all 0.5;
}
#the_p path {
stroke-width: 10;
} .category_post_item {
position: relative;
width: 31.5%;
display: inline-block;
margin-bottom: 1.8%;
display: block;
margin-right: 1.8%;
}
.category_post_item img {
width: 100%;
z-index: 99;
position: relative;
}
.category_post_item:hover img {
opacity: 0;
}
.category_post_item > div {
background: #FFFFFF;
position: absolute;
bottom: 0px;
font-family: Favorit;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 130%;
z-index: 9;
}  .gallery_wrapper {
position: relative;
}
.gallery_wrapper div {
width: 100%;
}
.gallery_wrapper svg {
}
.gallery_wrapper .prev,
.gallery_wrapper .next {
position: absolute;
width: 50%;
display: inline-block;
height: 100%;
z-index: 999;
top: 0px;
opacity: 0;
transition: all 0.5s;
cursor: pointer;
display: block;
}
.gallery_wrapper .prev:hover,
.gallery_wrapper .next:hover {
opacity: 1;
}
.gallery_wrapper .prev {
cursor: url(//www.plainsong.id/wp-content/themes/plainsong/img/white_arrow_left_small.png), auto;
}
.gallery_wrapper .next {
right: 0px;
cursor: url(//www.plainsong.id/wp-content/themes/plainsong/img/white_arrow_small.png), auto;	
}
.gallery_wrapper .prev img,
.gallery_wrapper .next img {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 5%;
}
.gallery_wrapper .next img {
right: 0px;
}
#custom-caption {
color: #FFFFFF;
letter-spacing: 0.25em;
}
#gallery-notes {
font-size: 14px;
} footer p,
footer ul {
margin-bottom: 0px !important;
margin: 0px !important;
padding: 0px !important;
font-size: 16px;
line-height: 180%;
}
footer .bottom_menu {
width: 100%;
}
footer .bottom_menu li {
display: inline-block;
}
footer .bottom_menu li a {
font-size: 16px;
line-height: 180%;
} div.woocommerce td {border:0;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {padding:.5rem;}
body.woocommerce-page {margin:0px; padding:0px;}
.col-1, .col-2 {max-width:100%;}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {padding:0 1rem 0 0;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {padding: 0px;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {font-size: 14px;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce div.product.elementor .quantity+.button {
border:1px solid #000;
background-color:#fff;
border-radius:2px;
color: #000;
}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce div.product.elementor .quantity+.button:hover {
color: #fff;
background-color:#000;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #efefef;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background-color: #fff;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
display:none;
}
.woocommerce-product-details__short-description a {color: #02a26b; }
.woocommerce-product-details__short-description a:hover {color:#015639; text-decoration:none!important;}
.button .wc-forward {
display: none;
}
.homepage_banner_mobile_image {
position: absolute;
left:0px;
top:0px;
display: none;
width: 100%;
height: 100%;
}