/*
Theme Name: HTML5 Blank
Theme URI: http://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
font-size:62.5%;
}
body {
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.4;
color: #777777;
direction: rtl;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
max-width:1280px;
width:95%;
margin:0 auto;
position:relative;
}
/* header */
.header {
}
/* logo */
.logo {
}
.logo-img {
}
/* nav */
.nav {
}
/* sidebar */
.sidebar {
}
/* footer */
.footer {
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
IMAGES
\*------------------------------------*/
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
@font-face {
font-family:'Font-Name';
src:url('/wp-content/themes/Ieida/fonts/font-name.eot');
src:url('/wp-content/themes/Ieida/fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/Ieida/fonts/font-name.woff') format('woff'),
url('/wp-content/themes/Ieida/fonts/font-name.ttf') format('truetype'),
url('/wp-content/themes/Ieida/fonts/font-name.svg#font-name') format('svg');
font-weight:normal;
font-style:normal;
}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
/*------------------------------------*\
MENU
\*------------------------------------*/
.phone_mobile_only {
display: none
}
.main-navigation {
display: block;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
text-align: left;
padding: 19px 0 0;
}
.main-navigation li {
position: relative;
display: inline-block;
}
.main-navigation a {
display: block;
text-decoration: none;
color: #fff;
padding: 7px 15px;
font-size: 22px;
}
.main-navigation li.current-menu-item a, .main-navigation li:hover a {
color: #000;
background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.bar1 {
top: 0;
/* animation: topbar-back .5s;
animation-fill-mode: both;
animation-play-state: initial!important; */
}
.bar2 {
opacity: 1;
}
.menu-bar+.menu-bar {
margin-top: 7px;
}
.bar3 {
bottom: 0;
/* animation: bottombar-back .5s;
animation-fill-mode: both;
animation-play-state: initial!important; */
}
.toggled .bar1 {
top: 14%;
/* animation: topbar-x .5s;
animation-fill-mode: both; */
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
}
.toggled .bar2 {
opacity: 0;
}
.toggled .bar3 {
margin-top: -32.5%;
/* animation: bottombar-x .5s;
animation-fill-mode: both; */
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
#primary-menu {
padding: 120px 45px 0 45px;
}
#primary-menu a {text-align:right;}
.main-navigation ul ul {position:static; }
.main-navigation ul ul li {margin-left: 50px; }
.menu-bar {
background: #000 none repeat scroll 0 0;
border-radius: 1px;
display: block;
height: 3px;
margin: 0 auto;
position: relative;
transition: all 0.3s ease 0s;
width: 42px;
}
.menu-toggle.toggled .menu-bar {
background: #fff none repeat scroll 0 0;
}
.menu-toggle, .menu-toggle:active, .menu-toggle:focus {
display: block;
position: relative;
float:right;
width: 40px;
height: 40px;
top: -6px;
right: 0;
padding: 0;
margin: 0 auto;
background: 0 0;
transition: all .5s cubic-bezier(1, 0, .645, .65);
z-index: 99999999;
border: 0;
outline: 0;
box-shadow: none;
}
.site-branding {
float: left;
}
header .main-navigation div li {
display: block;
text-align:right;
}
header .main-navigation div li.current-menu-item, header .main-navigation div li:hover {
border: 0;
color: #fff;
}
header .main-navigation div li.current-menu-item a, header .main-navigation div li:hover a {
color: #fff;
}
header .main-navigation div {
background: #68c8d7 none repeat scroll 0 0;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
height: 100%;
overflow: hidden;
padding-top: 20px;
position: fixed;
right: -400px;
top: 0;
transition: all 0.5s ease 0s;
width: 380px;
z-index: 150;
}
header .toggled div {
right: 0;
}
/*========== Home Page ==========*/
.site-header {
position: fixed;
width: 100%;
padding: 40px 0 60px;
z-index: 100;
}
.site-header.sticky {
background-color: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
padding: 20px 0;
}
.site-header.sticky .logo {
max-width: 120px;
top: 15px;
}
.site-header .container {
padding: 0 60px;
width: unset;
}
.left-header {
float: left;
}
.phone-wrap {
direction: ltr;
display: inline-block;
margin-right: 30px;
}
.left-header .phone-wrap a {
color: #2a1c1c;
font-size: 14px;
}
.left-header > button {
background: transparent none repeat scroll 0 0;
border: 2px solid #8d5b88;
border-radius: 20px;
color: #8d5b88;
font-size: 16px;
font-weight: 300;
padding: 5px 20px;
transition: all .3s;
}
.left-header > button:hover {
background: #8d5b88;
color: #fff;
text-decoration: none;
}
.recommended-wrap a:focus,.left-header > button:focus {
outline: none;
}
.logo {
position: absolute;
right: 50%;
top: 40px;
transform: translateX(50%);
}
.s-welcome h1 {
text-align: center;
color: black;
font-size: 40px;
}
.menu-toggle::after {
bottom: 9px;
color: #000;
content: "תפריט";
font-size: 16px;
left: -54px;
position: absolute;
}
.menu-toggle.toggled::after {
content: none;
}
.inner_header {
font-size: 26px;
margin: 0 0 10px;
}
.site-header select {
cursor: pointer;
border: 2px solid #0f0f0f;
border-radius: 20px;
color: #000;
float: right;
font-size: 14px;
margin-right: 90px;
padding: 5px 40px 5px 30px;
-webkit-appearance: none;
background: transparent url('/wp-content/themes/Ieida/img/select.png');
background-position: 86% center;
background-repeat: no-repeat;
/* for FF */
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
/* for IE */
-ms-appearance: none;
appearance: none!important;
transition: all .3s;
}
.site-header select:hover {
background: #000 url(/wp-content/themes/Ieida/img/select-white.png);
background-repeat: no-repeat;
background-position: 86% center;
color: #fff;
}
.site-header select:focus {
outline: none;
background: transparent url('/wp-content/themes/Ieida/img/select.png');
background-position: 86% center;
background-repeat: no-repeat;
color: #000;
}
.main-navigation.toggled + select {
position: absolute;
border: 2px solid #fff;
background: #68c8d7 url(/wp-content/themes/Ieida/img/select-white.png);
background-repeat: no-repeat;
background-position: 86% center;
color: #fff;
z-index: 999;
}
.s-inner-header {
height: 615px;
}
.s-inner-header h1 {
margin: 285px 0 0 0;
color: #fff;
text-align: center;
font-size: 100px;
}
.s-line-blocks {
padding: 15px 0;
}
.s-line-blocks .container {
width: unset;
}
.s-line-blocks .row {
margin: 0 -8px;
}
.s-line-blocks .row > div {
padding: 0 8px;
}
.line_block-one {
height: 300px;
position: relative;
display: flex;
justify-content: flex-end;
}
.line_block-text {
margin: 40px 0 auto 34px;
max-width: 261px;
width: 100%;
}
.line_block-text > h1 {
font-size: 44px;
font-weight: 400;
margin: 0 0 30px;
line-height: 1.1;
}
.line_block-text > p {
font-size: 16px;
}
.line_block-text > a {
border: 1px solid;
border-radius: 20px;
display: inline-block;
font-size: 20px;
padding: 2px 25px;
text-decoration: none;
transition: all .3s;
}
.s-line-blocks .row > div:first-child,
.s-line-blocks .row > div:first-child a {
color: #558869;
border-color: #558869;
}
.s-line-blocks .row > div:first-child a:hover {
background: #558869;
}
.s-line-blocks .row > div:nth-child(2),
.s-line-blocks .row > div:nth-child(2) a {
color: #37769f;
border-color: #37769f;
}
.s-line-blocks .row > div:nth-child(2) a:hover {
background: #37769f;
}
.s-line-blocks .row > div:last-child,
.s-line-blocks .row > div:last-child a {
color: #d15243;
border-color: #d15243;
}
.s-line-blocks .row > div:last-child a:hover {
background: #d15243;
}
.s-line-blocks .row > div a:hover {
color: #fff;
}
.s-welcome {
padding: 90px 0 5px;
}
.s-welcome .container {
max-width: 1100px;
width: unset;
}
h2 {
color: #000;
font-size: 40px;
font-weight: 500;
margin: 0 0 40px;
text-align: center;
}
.s-welcome .container > p {
margin: 0 0 80px;
text-align: center;
}
.welcome-block > div {
margin-bottom: 60px;
}
.blocks_home-img {
height: 360px;
margin-right: 11%;
}
.blocks_home-text {
align-items: center;
display: flex;
height: 360px;
}
.blocks_home-center > h2 {
color: #000;
font-size: 28px;
font-weight: 500;
line-height: 1;
margin: 0 0 30px;
max-width: 210px;
}
.blocks_home-center > p {
font-size: 18px;
}
.welcome-block .row:nth-child(2n) .blocks_home-img {
margin-left: 11%;
margin-right: 0;
}
.s-about-details .container {
max-width: 1100px;
}
.about-details-wrap {
margin: 0 0 65px 0;
padding: 0 30px;
box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}
.about-gallery {
display: inline-block;
width: 100%;
margin: 30px 0 47px 0;
}
.about-details-wrap h3 {
display: inline-block;
width: 100%;
margin: 43px 0 14px 0;
color: #000;
font-size: 28px;
font-weight: 500;
text-align: center;
}
.about-details-wrap p {
text-align: center;
}
.about-gallery .gallery-one {
width: 32.333%;
float: left;
text-align: center;
max-height: 220px;
overflow: hidden;
}
.s-grid h2 {
display: inline-block;
width: 100%;
margin: 85px 0 15px 0;
}
.s-grid .container > p {
margin: 0 auto 90px auto;
max-width: 585px;
text-align: center;
}
.s-grid .col-md-4 {
margin: 0 0 65px 0;
}
.s-grid .col-md-4:nth-child(4), .s-grid .col-md-4:nth-child(7) {
clear: left;
}
.s-grid .grid-item {
display: inline-block;
width: 100%;
height: 320px;
padding: 0 25px 25px 25px;
text-align: center;
box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}
.s-grid .grid-item .grid-item-img {
padding: 35px 0 20px 0;
}
.s-grid .grid-item-text h2 {
font-size: 18px;
color:#777777;
margin:0;
}
.s-grid .grid-item .grid-item-text p {
margin: 15px 0 0 0;
font-size: 16px;
}
.recommended-wrap_h2 {
margin: 110px 0 40px 0;
font-size: 44px;
color: #8d5b88;
text-align: center;
font-weight: bold;
}
.recommended-wrap p {
max-width: 760px;
margin: 0 auto;
font-size: 30px;
text-align: center;
color: #000;
}
.recommended-wrap a {
display: block;
width: 280px;
margin: 60px auto 130px auto;
padding: 20px 0;
border: 2px solid #8d5b88;
border-radius: 4px;
color: #8d5b88;
text-align: center;
font-size: 18px;
transition: all .3s;
}
.recommended-wrap a:hover {
background: #8d5b88;
color: #fff;
text-decoration: none;
}
.s-banner {
background: rgba(0, 0, 0, 0) url("/wp-content/themes/Ieida/img/bg-banner.jpg") no-repeat scroll 0 0;
padding: 60px 0;
}
.s-banner .container {
max-width: 940px;
text-align: center;
width: unset;
}
.header_banner {
font-size: 40px;
color: white;
font-weight: bold;
background: #68c8d8;
}
.htowinner {
background-color: #62c6d5;
border-radius: 50px;
color: #fff;
font-size: 36px;
line-height: 1;
margin: 0;
padding: 15px;
}
.s-banner a {
background-color: #62c6d5;
border-radius: 50px;
color: #fff;
font-size: 48px;
font-weight: 700;
padding: 0;
text-decoration: none;
}
.s-posts .col-md-4, .post-all .col-md-4 {
padding: 0 20px;
min-height: 500px;
float:right !important;
}
.s-posts, .s-post-all {
padding: 60px 0;
}
.s-posts .container, .s-post-all .container {
max-width: 1150px;
width: unset;
}
.s-posts .container > p, .s-post-all .container > p {
margin: 0 auto 40px;
max-width: 900px;
text-align: center;
}
.post-one, .s-post-all .block-text {
margin-bottom: 30px;
}
.post-one img {
height: 200px;
object-fit: cover;
width: 100%;
}
.post-text > h3, .post-all h3 {
color: #000;
font-size: 21px;
line-height: 1;
margin: 40px 0 30px;
}
.post-text > p, .block-text-eh > p {
font-size: 18px;
}
.post-one > a, .post-details > a {
color: #8d5b88;
font-size: 14px;
font-weight: 500;
text-decoration: underline;
transition: all .3s;
}
.post-one > a:hover, .post-details > a:hover {
text-decoration: none;
}
.s-single-post h2 {
margin: 87px 0 30px 0;
}
.s-single-post > .container {
max-width: 1100px;
}
.s-single-post > .container > p {
margin: 25px 0 55px 0;
font-size: 16px;
}
.s-single-post > .container > p:first-of-type {
margin: 0 0 40px 0;
text-align: center;
font-size: 18px;
}
.s-single-post img {
width: auto;
height: auto;
}
.s-single-post blockquote {
display: inline-block;
position: relative;
width: 100%;
margin: 0 0 20px 0;
padding: 40px 200px 40px 60px;
background: #f1f1f1;
color: #bb7d32;
font-weight: 200;
font-style: italic;
border-radius: 4px;
}
.s-single-post blockquote:before {
content: url(/wp-content/themes/Ieida/img/quote-img.png);
position: absolute;
top: 73px;
right: 70px;
}
.footer {
background-color: #f1f1f1;
padding: 35px 0;
}
.footer-main {
margin-right: 50px;
}
.footer-link {
border-bottom: 1px solid #d6d6d6;
padding: 0 0 15px;
}
.footer-link {
color: #000;
font-size: 24px;
font-weight: 300;
margin: 15px 0 25px;
}
.footer-link .ul {
list-style: outside none none;
padding: 0;
}
.footer-link .ul.row li.col-md-4 {
float: right;
}
.footer-link li {
margin-bottom: 15px;
}
.footer-link li a {
color: #777;
display: inline-block;
font-size: 16px;
font-weight: 300;
margin-right: 15px;
vertical-align: super;
}
.footer-menu ul {
display: flex;
flex-wrap: wrap;
list-style: outside none none;
margin: 25px 0 10px;
padding: 0;
}
.footer-menu ul li {
flex-basis: 20%;
}
.footer-menu ul li a {
font-size: 14px;
font-weight: 300;
}
.footer-bot {
background-color: #000;
padding: 25px 0 23px;
}
.footer-bot .container {
padding: 0 45px;
width: unset;
}
.footer-bot span {
color: #9e9e9e;
float: left;
font-size: 12px;
}
.footer-bot span a {
color: #fff;
}
.footer-bot p {
font-size: 14px;
margin: 0;
}
/*========== Thanks Page ==========*/
.s-thanks {
padding: 90px 0 240px;
}
.s-thanks p {
margin: 0 0 90px;
text-align: center;
}
.letter-one {
display: block;
margin: 0 0 40px;
position: relative;
padding: 0 15px;
}
.letter-one > img {
width: 100%;
box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
}
.letter-one:before {
content: "";
background: rgba(104, 200, 216, 0.8);
position: absolute;
left: 15px;
right: 15px;
top: 0;
bottom: 0;
display: block;
z-index: 5;
opacity: 0;
transition: all 0.25s ease;
}
.letter-one:hover:before,
.letter-one:hover:after {
opacity: 1;
}
.letter-one:after {
content: "";
background: url(/wp-content/themes/Ieida/img/details.png) no-repeat;
position: absolute;
left: 50%;
top: 50%;
width: 87px;
height: 87px;
transform: translate(-50%, -50%);
display: block;
z-index: 7;
opacity: 0;
transition: all 0.25s ease;
}
.mfp-counter {
direction: ltr;
}
.about-gallery .gallery-one img {
width:100%;
}
.about-gallery .gallery-one {
margin-bottom: 10px;
}
/*----------contact page------------------*/
.s-contact {
padding: 100px 0;
}
.s-contact .container {
max-width: 770px;
}
.s-contact .container > h2 {
line-height: 1.1;
}
ul.contact-list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: center;
}
.contact-list li {
padding: 0 20px;
border-left: 1px solid #D9D9D9;
color: #8F4B88;
font-weight: 500;
margin: 0 0 15px;
}
.contact-list li:last-child {
border-left: none;
}
.contact-list li span {
color: #777777;
font-weight: 400;
}
.cont-form-wrap {
-webkit-box-shadow: 0 0 27px rgba(2, 2, 2, 0.09);
box-shadow: 0 0 27px rgba(2, 2, 2, 0.09);
-moz-box-shadow: 0 0 27px rgba(2, 2, 2, 0.09);
margin: 50px 0 0;
padding: 30px 15px 60px;
text-align: center;
}
.cont-form-wrap > p {
font-weight: 500;
color: #000;
margin: 15px 0 30px;
}
.cont-form-wrap .wpcf7 {
max-width: 510px;
text-align: center;
margin: 0 auto;
}
.cont-form-wrap .wpcf7 p {
margin: 0;
}
.cont-form-wrap .wpcf7 .wpcf7-form-control-wrap input {
border: none;
border-bottom: 1px solid #D5D5D5;
color: #CECECE;
font-weight: 400;
font-size: 30px;
width: 100%;
text-align: center;
margin: 0 0 10px;
}
.cont-form-wrap .wpcf7 .wpcf7-form-control-wrap textarea {
border: none;
border-bottom: 1px solid #D5D5D5;
color: #CECECE;
font-weight: 400;
font-size: 30px;
width: 100%;
text-align: center;
height: 180px;
margin: 20px 0 0;
}
.cont-form-wrap .wpcf7 .wpcf7-submit {
color: #8F4B88;
border: 1px solid #8F4B88;
padding: 5px 60px;
font-weight: 500;
transition: all .25s ease;
background: transparent;
border-radius: 25px;
margin: 40px 0 0;
}
.cont-form-wrap .wpcf7 .wpcf7-submit:hover {
color: #fff;
background: #8F4B88;
}
.cont-form-wrap .wpcf7 .wpcf7-form-control-wrap input::-webkit-input-placeholder,
.cont-form-wrap .wpcf7 .wpcf7-form-control-wrap textarea::-webkit-input-placeholder {color:#CECECE;}
.cont-form-wrap .wpcf7 .wpcf7-form-control-wrap input::-moz-placeholder,
.cont-form-wrap .wpcf7 .wpcf7-form-control-wrap textarea::-moz-placeholder {color:#CECECE;}/* Firefox 19+ */
.cont-form-wrap .wpcf7 .wpcf7-form-control-wrap input:-moz-placeholder,
.cont-form-wrap .wpcf7 .wpcf7-form-control-wrap textarea:-moz-placeholder {color:#CECECE;}/* Firefox 18- */
.cont-form-wrap .wpcf7 .wpcf7-form-control-wrap input:-ms-input-placeholder,
.cont-form-wrap .wpcf7 .wpcf7-form-control-wrap textarea:-ms-input-placeholder {color:#CECECE;}
.wpcf7-not-valid-tip, .wpcf7-response-output {display: none !important;}
.cont-form-wrap .wpcf7 .wpcf7-not-valid {border-bottom: 1px solid #FF0000 !important;}
/*========== Desktop First Method ==========*/
@media only screen and (max-width : 1600px) {
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.s-inner-header {
height: 415px;
}
.s-inner-header h1 {
margin: 180px 0 0 0;
font-size: 70px;
line-height: 70px;
}
.footer .container {
max-width: 1120px;
width: unset;
}
.footer-link > h3 {
font-size: 20px;
}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
.header_banner {
font-size: 30px;
color: white;
font-weight: bold;
}
.site-header {
padding: 20px 0 60px;
}
.site-header .container {
padding: 0 15px;
}
.phone-wrap {
margin-right: 7px;
}
.left-header .phone-wrap a {
font-size: 13px;
}
.left-header > button {
font-size: 14px;
padding: 5px 10px;
}
.logo {
right: 48%;
top: 20px;
}
.site-header select {
margin-right: 75px;
}
.s-inner-header h1 {
margin: 275px 0 0 0;
font-size: 70px;
line-height: 70px;
}
.s-welcome h1 {
margin: 0 0 20px 0;
}
.about-details-wrap h3 {
margin: 25px 0 0px 0;
}
.about-details-wrap {
margin: 0 0 50px 0;
}
.about-gallery {
margin: 30px 0 30px 0;
}
.about-gallery .gallery-one {
padding: 0 5px;
}
.line_block-one {
margin: 0 0 15px 0;
}
.blocks_home-img {
margin-right: 0;
}
.s-welcome {
padding: 20px 0 5px;
}
.s-welcome .container > p {
margin: 0 0 40px;
}
.blocks_home-text {
height: 220px;
}
.welcome-block > div {
margin-bottom: 0;
}
.welcome-block .row:nth-child(2n) .blocks_home-img {
margin-left: 0;
}
.s-posts, .s-post-all {
padding: 30px 0;
}
.s-single-post h2 {
margin: 30px 0 30px 0;
font-size: 38px;
}
.s-banner h2 {
font-size: 30px;
}
.s-banner a {
font-size: 42px;
}
.s-grid h2 {
margin: 45px 0 15px 0;
font-size: 38px;
}
.s-grid .container > p {
margin: 0 auto 60px auto;
}
.s-grid .col-md-4 {
margin: 0 0 45px 0;
}
.s-grid .grid-item {
height: 205px;
padding: 0 25px 25px 25px;
}
.s-grid .grid-item .grid-item-img {
padding: 20px 0 10px 0;
}
.recommended-wrap_h2 {
margin: 75px 0 40px 0;
}
.recommended-wrap a {
margin: 60px auto 70px auto;
}
.footer {
padding: 20px 0;
}
.footer-menu ul li a {
font-size: 12px;
}
.footer-link > h3 {
font-size: 18px;
}
.footer .col-lg-2.col-lg-push-10 {
width: 230px;
float: right;
}
.footer .col-lg-10.col-lg-pull-2 {
width: calc(100% - 230px);
float: left;
padding: 0 0 0 15px;
}
.footer-main {
margin-right: 0;
}
.footer-link li a {
font-size: 14px;
margin-right: 5px;
}
.footer-menu ul li:nth-child(8) {
flex-basis: 40%;
}
}
@media only screen and (max-width : 768px) {
.header_banner {
font-size: 20px;
color: white;
background-color: #62c6d5;
}
.left-header > button {
font-size: 12px;
padding: 5px 7px;
}
.left-header .phone-wrap a {
font-size: 12px;
}
.logo {
width: 130px;
right: 46%;
top: 20px;
}
.site-header select {
margin-right: 65px;
padding: 5px 25px 5px 15px;
font-size: 12px;
}
.s-inner-header {
height: 280px;
}
.s-inner-header h1 {
margin: 105px 0 0 0;
font-size: 45px;
line-height: 45px;
}
.s-grid h2 {
margin: 20px 0 15px 0;
font-size: 32px;
}
.s-grid .container > p {
margin: 0 auto 40px auto;
}
.recommended-wrap_h2 {
margin: 50px 0 30px 0;
font-size: 36px;
}
.recommended-wrap p {
font-size: 20px;
}
.recommended-wrap a {
width: 200px;
margin: 40px auto 40px auto;
padding: 15px 0;
}
.s-single-post h2 {
margin: 25px 0 25px 0;
font-size: 32px;
}
.s-single-post > .container > p {
margin: 15px 0 25px 0;
}
.s-single-post blockquote {
padding: 20px 140px 20px 30px;
}
.s-single-post blockquote:before {
top: 43px;
right: 40px;
}
.footer-link .ul.row li.col-md-4 {
text-align: center;
margin-bottom: 10px;
}
.footer-link .ul.row li.col-md-4 a {
display: block;
margin: 10px 0 0 0;
font-size: 13px;
}
.footer-menu ul {
margin: 10px 0 10px;
}
.footer-menu ul li a {
font-size: 10px;
}
.letter-one {
margin: 0 auto 40px;
max-width: 360px;
}
.s-thanks p {
margin: 0 0 60px;
}
.s-thanks {
padding: 60px 0 70px;
}
.s-contact {
padding: 60px 0;
}
.s-contact .container > h2 {
font-size: 28px;
}
ul.contact-list {
flex-direction: column;
}
.contact-list li {
padding: 0;
border-left: none;
text-align: center;
}
.cont-form-wrap {
margin: 40px 0 0;
}
.cont-form-wrap .wpcf7 .wpcf7-form-control-wrap input,
.cont-form-wrap .wpcf7 .wpcf7-form-control-wrap textarea {
font-weight: 300;
font-size: 24px;
}
}
@media only screen and (max-width : 640px) {
.s-posts .col-md-4, .post-all .col-md-4 {
padding: 0 20px;
min-height: 300px;
float: right !important;
}
.phone_mobile_only {
display: block;
position: fixed;
width: 50px;
right: 20px;
bottom: 20px;
background: #8f4b88;
text-align: center;
border-radius: 50%;
height: 50px;
padding: 3px;
font-size: 33px;
}
.site-header {
padding: 15px 0 60px;
}
.logo {
width: 100px;
right: auto;
top: 15px;
left: -37px;
}
.left-header {
margin: 50px 0 0 0;
}
#primary-menu {
padding-top: 60px;
}
.site-header.sticky {
padding: 15px 0;
}
.line_block-one {
height: 260px;
}
.line_block-text > h1 {
font-size: 36px;
margin: 0 0 20px;
}
.line_block-text > p {
font-size: 14px;
}
.s-welcome {
padding: 10px 0 5px;
}
.s-welcome h1 {
margin: 0 0 15px 0;
font-size: 32px;
}
.s-welcome .container > p {
margin: 0 0 30px;
}
.about-details-wrap p {
text-align: center;
font-size: 14px;
}
.about-details-wrap h3 {
font-size: 22px;
}
.about-gallery {
margin: 5px 0 20px 0;
}
.s-grid .container > p {
font-size: 14px;
}
.s-grid .grid-item {
height: auto;
}
.s-grid h2 {
font-size: 28px;
}
.blocks_home-text {
height: auto;
}
.blocks_home-center > h2 {
margin: 15px 0 10px;
font-size: 22px;
}
.blocks_home-center > p {
margin: 10px 0 20px 0;
font-size: 14px;
}
.s-banner {
padding: 40px 0;
}
.s-banner h2 {
font-size: 22px;
}
.s-banner a {
font-size: 26px;
}
.s-posts, .s-post-all{
padding: 20px 0;
}
.s-posts h2, .s-post-all h2 {
margin: 0 0 15px 0;
font-size: 32px;
}
.s-posts .container > p, .s-post-all .container > p {
font-size: 14px;
}
.post-text > h3, .s-post-all > h3 {
margin: 25px 0 15px;
}
.post-text > p, .block-text-eh > p {
margin: 10px 0 5px 0;
font-size: 14px;
}
.s-inner-header h1 {
margin: 120px 0 0 0;
font-size: 38px;
line-height: 38px;
}
.s-single-post h2 {
margin: 20px 0 15px 0;
font-size: 26px;
}
.s-single-post > .container > p {
margin: 10px 0 20px 0;
font-size: 14px;
}
.s-single-post > .container > p:first-of-type {
font-size: 16px;
}
.s-single-post h3 {
margin: 0px 0 0 0;
font-size: 16px;
}
.s-single-post blockquote {
padding: 20px 120px 10px 30px;
font-size: 14px;
}
.s-single-post blockquote:before {
top: 40px;
right: 25px;
}
.footer {
padding: 20px 0 15px 0;
}
.footer-link {
padding: 0 0 10px;
}
.footer-link > h3 {
margin: 0 0 10px 0;
font-size: 13px;
}
.footer-link .ul.row li.col-md-4 {
margin-bottom: 0;
padding: 0 5px;
}
.footer-link .ul.row li.col-md-4 a {
margin: 5px 0 0 0;
font-size: 10px;
}
.footer-menu ul {
margin: 0;
}
.footer-menu ul {
margin: 0 0 10px;
}
.footer-menu ul li,.footer-menu ul li:nth-child(8) {
flex-basis: 50%;
}
.footer-link li a {
font-size: 14px;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.footer-link li a {
font-size: 14px;
}
header .main-navigation div {
right: -100%;
}
header .main-navigation .toggled + div{
right: 0;
}
header .main-navigation div {
width: 100%;
}
#primary-menu {
padding: 50px 5px 30px 5px;
}
header .main-navigation div.left-header, header .main-navigation div.phone-wrap {
display: block;
position: absolute;
height: auto;
top: auto;
right: auto;
margin: 0;
box-shadow: none;
text-align: center;
}
header .main-navigation div.left-header {
padding: 0;
z-index: 2;
bottom: 65px;
}
header .main-navigation div.phone-wrap {
bottom: 20px;
padding-top: 0;
z-index: 1;
}
.main-navigation .phone-wrap a {
display: block;
width: auto;
padding: 0;
text-align: center;
font-size: 22px;
}
.left-header .phone-wrap a, .left-header > button {
font-size: 12px;
}
.site-header select {
display: none;
}
.left-header > button {
font-size: 14px;
padding: 5px 20px;
}
.line_block-one {
height: 170px;
background-size: 100% auto!important;
}
.line_block-text {
margin: 0 0 35px 0;
padding: 0px 12px;
max-width: 100%;
background: rgba(255, 255, 255, 0.65);
}
.inner_header {
font-size: 26px;
margin: 0 0 10px;
}
.line_block-text > p {
margin: 0 0 7px 0;
font-size: 13px;
}
.s-line-blocks {
padding: 15px 0 0 0;
}
.s-welcome {
padding: 15px 0 0 0;
}
.s-welcome h1 {
margin: 0 0 10px 0;
font-size: 28px;
}
.s-banner h2 {
font-size: 20px;
}
.s-banner a {
font-size: 24px;
}
.s-inner-header h1 {
margin: 130px 0 0 0;
font-size: 30px;
line-height: 30px;
}
.about-details-wrap {
margin: 0 0 35px 0;
padding: 0 15px;
}
.about-details-wrap h3 {
font-size: 20px;
margin: 15px 0 0px 0;
}
.about-details-wrap p {
margin: 5px 0;
}
.s-posts, .s-post-all {
padding: 15px 0;
}
.s-posts .container > p, .s-post-all .container > p {
margin: 0 auto 30px;
}
.recommended-wrap p {
font-size: 16px;
}
.recommended-wrap_h2 {
margin: 15px 0 20px 0;
font-size: 36px;
}
.recommended-wrap a {
width: 180px;
margin: 30px auto 30px auto;
padding: 10px 0;
}
.footer .col-lg-2.col-lg-push-10 {
width: 230px;
float: none;
margin: 0 auto;
}
.footer .col-lg-10.col-lg-pull-2 {
width: 100%;
padding: 0 15px;
}
.footer-link {
width: 60%;
float: right;
padding: 7px 0 10px 10px;
border-bottom: none;
}
.footer-link > h3 {
margin: 0 0 16px 0;
font-size: 14px;
}
.footer-link .ul {
margin-left: -5px;
margin-right: -5px;
}
.footer-link .ul.row li.col-md-4 {
width: 100%;
margin-bottom: 16px;
padding: 0 5px;
text-align: right;
}
.footer-link .ul.row li.col-md-4 a {
display: inline-block;
margin: 5px 0 0 0;
font-size: 12px;
}
.footer-menu {
width: 40%;
float: left;
}
.footer-menu ul {
margin: 0 0 10px;
}
.footer-menu ul li, .footer-menu ul li:nth-child(8) {
flex-basis: 100%;
}
.footer-bot {
padding: 15px 0 15px;
}
.footer-bot .container {
padding: 0 15px;
}
.footer-bot span {
max-width: 120px;
}
.footer-bot p {
max-width: 120px;
font-size: 12px;
}
}
@media only screen and (max-width: 420px) {
.footer-link li a {
font-size: 13px;
}
}
/* Custom, iPhone Retina */
@media screen and (max-width : 360px) {
.line_block-one {
height: 140px;
}
.line_block-text {
margin: 0;
padding: 10px;
}
.inner_header {
font-size: 24px;
margin: 0 0 5px;
}
.line_block-text > p {
font-size: 12px;
}
.s-welcome h1, .s-posts h2, .s-post-all h2 {
font-size: 24px;
}
.s-single-post blockquote {
padding: 20px 100px 10px 15px;
}
.s-single-post blockquote:before {
right: 15px;
}
.footer-link {
width: 65%;
}
.footer-menu {
width: 35%;
}
}
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
.footer-link li a {
font-size: 10px;
}
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1201px) {
}
@media only screen and (min-width : 1601px) {
}