/*
** Let's start with some override from dashboard option's page
** This file is generated by php and placed into theme_supermint / elements / overrides.css.php
** Page name : 和紙のかたち / Theme preset Name : Base / Theme preset ID : 1
*/
/* --- Text Overrides --- */
/* -- FONTS --- */
.alternate, .tp-caption.big_alternate {
font-family:'Pacifico', sans;
text-transform:none !important;
font-weight : normal;
font-size:0.8em;
}
body .ccm-page, .ccm-page p, .ccm-page li, .ccm-page td, .ccm-page textarea {
font-family:'Roboto', sans;
text-transform:none !important;
font-weight : 300;
}
h1,.h1 {font-family:'Roboto', sans;
text-transform:none !important;
font-weight : 300;
font-size:40px}
h2,.h2 {font-family:'Roboto', sans;
text-transform:none !important;
font-weight : 300;
font-size:30px}
h3,.h3 {font-family:'Roboto', sans;
text-transform:none !important;
font-weight : 300;
font-size:25px}
h4,.h4 {font-family:'Roboto Condensed', sans;
text-transform:uppercase !important;
font-weight : normal;
font-size:20px}
h5,.h5 {font-family:'Roboto Condensed', sans;
text-transform:uppercase !important;
font-weight : normal;
font-size:17px}
h6,.h6 {font-family:'Roboto Condensed', sans;
text-transform:none !important;
font-weight : normal;
font-size:16px}
/* -- Navigation -- */
/* items spacing */
.regular-top-nav > ul > li > a {padding:0 20px}
.l123 > li > a,
.l12d li > a,
li.mgm-multi-c-title a {
font-family:'Roboto', sans;
}
/* Dropdown Levels */
.mega-menu > li > ul,
.mega-menu > li > ul li > ul
{
width: 22rem;
}
/* Lateral Font & Style */
.lateral-nav li a {
font-family:Roboto+Condensed; font-size:14px;
}
/* Full screen nav */
.overlay ul li a {font-size:20px}
/* -- Popup -- */
/* content at start */
.mfp-effect.mfp-wrap .mfp-content {
opacity: 0;
transform: translateY(-20px) perspective( 2000px ) rotateX( 10deg );}
/* content animate it */
.mfp-effect.mfp-wrap.mfp-ready .mfp-content {
opacity: 1; transform: translateY(0) perspective( 600px ) rotateX( 0 );}
/* content animate out */
.mfp-effect.mfp-wrap.mfp-removing .mfp-content {
opacity: 0; transform: translateY(-20px) perspective( 2000px ) rotateX( 10deg );}
/* --- Large desktop */
@media (min-width: 1200px) {
body .ccm-page, .ccm-page p, .ccm-page li, .ccm-page td, .ccm-page textarea {font-size:13px}
.ccm-page h1 {font-size:40px}
.ccm-page h2 {font-size:30px}
.ccm-page h3 {font-size:25px}
.ccm-page h4 {font-size:20px}
.ccm-page h5 {font-size:17px}
.ccm-page h6 {font-size:16px}
}
/* --- Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
body .ccm-page, .ccm-page p, .ccm-page li, .ccm-page td, .ccm-page textarea {font-size:13px}
/* a {font-size:13px} */
.ccm-page h1 {font-size:40px}
.ccm-page h2 {font-size:30px}
.ccm-page h3 {font-size:25px}
.ccm-page h4 {font-size:20px}
.ccm-page h5 {font-size:17px}
.ccm-page h6 {font-size:16px}
}
/* --- Landscape phone to portrait tablet */
@media (max-width: 767px) {
body .ccm-page, .ccm-page p, .ccm-page li, .ccm-page td, .ccm-page textarea {font-size:13px}
.ccm-page h1 {font-size:40px}
.ccm-page h2 {font-size:30px}
.ccm-page h3 {font-size:25px}
.ccm-page h4 {font-size:20px}
.ccm-page h5 {font-size:17px}
.ccm-page h6 {font-size:16px}
}
/* --- Landscape phones and down */
@media (max-width: 480px) {
}
/* Generated Time : 0.022510051727295 ms */