/************************************************************************************************
General
*************************************************************************************************/
html: {
margin:0px;
}
body: {
background-color:#fff;
font-family: 'Quattrocento Sans', sans-serif;
color:#0a0a0a;
margin:0px;
}
.row {
width:98%;
max-width:1200px;
}
* {
outline: none;
}
p, small, em {
font-family: 'Quattrocento Sans', sans-serif;
}
h1 {
font-family: 'Ruthie', cursive;
font-size:3rem;
}
h2, h3, h4, h5, h6 {
font-family: 'Quattrocento Sans', sans-serif;
}
a:link {font-family: 'Quattrocento Sans', sans-serif;color:#000;text-decoration:none;}
a:visited {font-family: 'Quattrocento Sans', sans-serif;color:#000;text-decoration:none;}
a:hover {font-family: 'Quattrocento Sans', sans-serif;color:#8a8a8a;text-decoration:none;}
a:active {font-family: 'Quattrocento Sans', sans-serif;color:#8a8a8a;text-decoration:none;}
.firstcharacter {
float: left;
font-family: 'Ruthie', cursive;
font-size: 75px;
line-height: 65px;
padding-top: 4px;
padding-right: 20px;
padding-left: 3px;
}
.button {
background:#dfeef9;
}
.button:hover, .button:focus {
background:#8a8a8a;
}
/************************************************************************************************
Nav
*************************************************************************************************/
.title-bar {
background: #dfeef9;
color: #0a0a0a;
padding:0px 10px 0px 10px;
margin:0px;
}
.title-bar .intuitive {
background: #d5e9fd;
color: #0a0a0a;
padding:0px 10px 0px 10px;
margin:0px;
}
.title-bar H1{
color: #0a0a0a;
margin:0px;
font-size: 3rem;
}
.top-bar {
background: #dfeef9;
padding:0px;
}
.top-bar .menu {
background: #dfeef9;
}
.top-bar .menu-text {
padding:0px;
}
.top-bar-title {
margin:0px;
}
.top-bar-title H1{
margin:0px;
}
.top-bar-left {
margin-left:0px;
margin-right: auto;
}
.top-bar-left .menu > li > a {
padding: 0.5rem 0rem 0.5rem 1.5rem;
}
.top-bar-left .menu .nested >li >a {
padding: 0.5rem 0.5rem 0.5rem 1.2rem;
}
.top-bar-right {
margin-left: auto;
margin-right: 0px;
}
.top-bar-right .menu > li > a {
padding: 0.5rem 0rem 0.5rem 1.5rem;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
display: none;
}
.is-dropdown-submenu {
min-width: 80px;
}
.top-bar input {
background:#dfeef9;
border:none;
max-width: 80px;
height: 25px;
font-family: 'Quattrocento Sans', sans-serif;
color:#8a8a8a;
}
.input-group {
border:none;
padding-bottom: 0;
margin-bottom: 0;
}
.input-group-label {
background:#dfeef9;
border:none;
padding-right:5px;
padding-left:25px;
}
nav, nav .sticky{
background: #dfeef9;
}
/************************************************************************************************
Hero
*************************************************************************************************/
/************************************************************************************************
Hero
*************************************************************************************************/
/*.fullscreen-image-slider*/ .orbit-image {
width: 100%;
height: 100VH;
}
/*.fullscreen-image-slider*/ .orbit-caption {
bottom: 15%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
background: none;
text-align: center;
color: #fff;
line-height: 0rem;
}
.hero .orbit-caption a {
color:#ddd;
}
.hero .orbit-caption h3 {
color:#ddd;
}
.hero .orbit-caption a:hover {
color:#fff;
}
/*.hero {
background-repeat: no-repeat;
background-position: center center;
background-color: #fff;
max-height: 600px;
}*/
/************************************************************************************************
Ratih
*************************************************************************************************/
.Ratih {
padding:80px 0px 80px 0px;
}
/************************************************************************************************
Portfolio
*************************************************************************************************/
.Portfolio {
padding:80px 0px 80px 0px;
}
.gallery {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
/* Small screens */
@media all and (max-width: 640px) {
.gallery {
flex-direction: column;
justify-content: center;
max-width: 300px;
}
.reveal {
min-height: 60vh;
height: 95vh;
}
}
.flex-child-shrink {
max-width: 300px;
padding-bottom: 15px;
flex:0 0 auto;
}
/************************************************************************************************
Potpourri
*************************************************************************************************/
.Potpourri {
padding:80px 0px 80px 0px;
}
.Potpourri .firstcharacter {
float: left;
font-family: 'Ruthie', cursive;
font-size: 60px;
line-height: 40px;
padding-top: 4px;
padding-right: 10px;
padding-left: 3px;
}
/************************************************************************************************
Contact
*************************************************************************************************/
.Contact {
padding:40px 0px 40px 0px;
background-color:#dfeef9;
}
.cursive {
font-family: 'Ruthie', cursive;
margin-bottom: 0;
}
.Contact .button {
background:#0a0a0a;
}
.Contact .button:hover, .button:focus {
background:#8a8a8a;
}
/************************************************************************************************
Footer
*************************************************************************************************/
.footer {
background-color:#dfeef9;
}
/************************************************************************************************
Copyright
*************************************************************************************************/
.copyright {
margin:0px;
padding: 0px 0px 0px 0px;
background-color:#dfeef9;
}
.copyright p {
font-size: 0.6rem;
}