/*import CherryFramework style*/ @import url("../CherryFramework/style.css"); @import url(//fonts.googleapis.com/css?family=Noto+Sans:400,700|Open+Sans:400,500italic,500,600italic,600,600italic,700,800|PT+Sans|Sanchez|Sofia); /* #General ================================================== */ .main-holder { overflow: hidden; } body { @media (max-width: 992px) { padding-top: 0 !important; } @media (max-width: 767px) { padding: 0; .header { padding: 0 20px 0 20px; } .footer { padding: 20px 20px 40px 20px; .box-sizing(border-box); } .content-holder { padding: 0 20px 30px 20px !important; } &.home { .content-holder { padding: 0 !important; >.container { padding: 0 20px !important; } } } } } a { .transition; } h1, h2, h3, h4, h5, h6 {} .featured-thumbnail, .thumbnail, figure.frame { background: none; border-radius: 0; padding: 0; border: none; box-shadow: none; .box-sizing(border-box); img { display: inline-block; border-radius: 0; border: none; background: none; padding: 0; .box-sizing(border-box); } } figure.frame { margin-left: 0; text-align: left; p { margin: 0 !important; } @media (max-width: 767px) { text-align: center; } &.alignnone { margin: 0 0 20px; @media (max-width: 767px) { margin: 20px 0; } } &.alignleft { margin: 5px 30px 15px 0; @media (max-width: 550px) { margin: 0 0 20px 0; float: none; } } &.alignright { margin: 0 0 10px 30px; @media (min-width: 768px) and (max-width: 979px) { float: none; margin: 0 0 20px 0; } @media (max-width: 550px) { float: none; margin: 20px 0 20px 0; } } } .btn, .reply a { position: relative; display: inline-block; border-radius: 0; border: none; text-shadow: none; color: #707070; font: 500 italic 14px/1.2em @opensansFontFamily; text-transform: uppercase; padding: 0; letter-spacing: 0; height: auto; box-shadow: none; text-decoration: none; background: none; .box-sizing(border-box); .transition; &:hover, &:active { background: none; text-decoration: none; color: @red; box-shadow: none; } &:focus { color: #707070; background: none; } } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { padding: 7px 10px; margin: 0 0 10px 0; font-size: 14px; line-height: 1.3em; text-transform: none; color: #707070; text-decoration: none; position: relative; border-radius: 0; background: #ffffff; box-shadow: none; .transition; .main-holder & { border: 1px solid @bordercolor !important; } &:focus { background: #f3f3f3; box-shadow: none; border-color: #45343d !important; } } .wpcf7 { .wpcf7-form { p { margin-bottom: 10px; input[type="text"], input[type="email"] { margin: 0; height: 35px; .box-sizing(border-box); &:focus { border-color: #45343d !important; } } } textarea { padding: 10px 5px; margin-bottom: 10px; &:focus { border-color: #45343d !important; } } .btn-align { text-align: right; input[type="submit"], input[type="reset"] { height: auto; margin-left: 10px; } div.ajax-loader { float: left; margin-left: 10px; } } .wpcf7-not-valid-tip { padding: 5px 10px !important; @media (min-width: 768px) and (max-width: 979px) { font-size: 9px !important; } } .submit-wrap { .btn { height: auto; } } } } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { outline:none; } select:-moz-placeholder, textarea:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="color"]:-moz-placeholder, .uneditable-input:-moz-placeholder { color: #707070; } select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .uneditable-input:-ms-input-placeholder { color: #707070; } select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder { color: #707070; } select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .uneditable-input::-moz-placeholder { color: #707070; opacity: 1; } /* #Header ================================================== */ .header { background: none; padding: 0; border-top: 3px solid #fff; border-bottom: 4px solid @red; .social { display: block; padding: 16px 0 0 0; margin: 0; list-style-type: none; text-align: right; @media (max-width: 767px) { display: none; } li { display: inline-block; float: none; margin: 0 0 0 20px; text-align: center; .transition; .box-sizing(border-box); &:first-child { margin: 0; } a { color: #fff; display: block; width: auto; height: auto; position: relative; .box-sizing(border-box); i { font-size: 18px; display: inline-block; line-height: 1em; } &:hover, &:active, &:focus { color: #707070; text-decoration: none; } } } } } .nav-wrap { border-bottom: 1px solid #f18b90; position: relative; >div { position: relative; z-index: 10; } &:before { content: ""; display: block; height: 100%; left: -100%; position: absolute; top: 0; width: 101%; border-bottom: 1px solid #f18b90; z-index: 1; } &:after { content: ""; display: block; height: 100%; right: -100%; position: absolute; top: 0; width: 101%; border-bottom: 1px solid #f18b90; z-index: 1; } } .home { .nav-wrap { border: none; &:before, &:after { border: none; } } } .nav__primary { position: relative; float: none; padding: 17px 0 17px; margin: 0; z-index: 100; background: none; @media (max-width: 767px) { padding: 20px 0; } .select-menu { height: 35px; } .sf-menu { float: none; right: 0; position: relative; text-align: left; padding: 0; margin: 0; z-index: 1; @media (max-width: 767px) { display: none !important; } >li { background: none; float: left; left: 0; display: block; text-align: center; position: relative; padding: 0; margin: 0 0 0 38px; border: none; border-radius: 0; .box-sizing(border-box); .transition; width: auto; z-index: 10; @media (min-width: 768px) and (max-width: 979px) { margin: 0 0 0 30px; } &:first-child { margin: 0; } &:hover { background: none; ul { top: 100%; } li ul { top: -999em; } } >a { border: none; padding: 0; display: block; text-transform: none; border-radius: 0; position: relative; letter-spacing: 0; .box-sizing(border-box); .transition; background: none; &:hover { text-decoration: none; color: @red; background: none; .sf-sub-indicator { background-position: -10px -100px; } } >.sf-sub-indicator { position: absolute; display: inline-block; top: 15px; left: 50%; margin-left: -5px; background: url("images/arrows-ffffff.png") no-repeat scroll 0 -100px transparent; } } &.current-menu-item { background: none; >a { text-decoration: none; color: @red; background: none; .sf-sub-indicator { background-position: -10px -100px; } } } &.sfHover { background: none; >a { text-decoration: none; color: @red; background: none; .sf-sub-indicator { background-position: -10px -100px; } } ul { top: 100%; } li ul { top: -999em; } } >.sub-menu { background: @red; top: -999em; left: 50%; width: 180px; padding: 20px; margin: 17px 0 0 -90px; border: none; border-radius: 0; z-index: 10000; .box-sizing(border-box); >.menu-item { background: none; text-align: left; border: none; padding: 2px 0; margin: 0; .box-sizing(border-box); &:first-child { border: none; } &:hover { li ul { top: -999em; } } a { margin: 0; padding: 0; background: none; border: none; color: #fff; text-transform: none; display: inline-block; letter-spacing: 0; border-radius: 0; letter-spacing: 0; font: 14px/1.2em @opensansFontFamily; .transition; .box-sizing(border-box); &:hover { color: #3c3c3c; text-shadow: none; background: none; } >.sf-sub-indicator { top: 1px; left: auto; right: -20px; background: url("images/arrows-ffffff.png") no-repeat scroll 0 0 transparent; } } &.sfHover { li ul { top: -999em; } >a { color: #3c3c3c; text-shadow: none; background: none; .sf-sub-indicator { background-position: -10px 0; } } } &.current-menu-item { a { color: #3c3c3c; text-shadow: none; background: none; } } >.sub-menu { background: @red; padding: 20px; margin: -20px 0 0 20px; top: 0; left: 100%; right: auto; border: none; border-radius: 0; width: 100%; >.menu-item { background: none; text-align: left; border: none; padding: 2px 0; margin: 0; .box-sizing(border-box); &:first-child { border: none; } &:hover { ul { top: 0; left: 10em; } } a { margin: 0; padding: 0; color: #fff; display: inline-block; background: none; &:hover { color: #3c3c3c; text-shadow: none; background: none; } } &.current-menu-item { a { color: #3c3c3c; text-shadow: none; background: none; } } &.sfHover { ul { top: 0; left: 10em; } } } } } } } } } .nav-container { &.fixed { @media only screen and (min-width: 992px) { width: 100%; z-index: 100; position: fixed; top: 0; &:before { content: ''; background-color: #fff; width: 999em; height: 100%; position: absolute; top: 0; left: -50%; display: block !important; border-bottom: 4px solid @red; .box-shadow(0 0 8px rgba(0,0,0,.2)); .transition(0.3s); } } .ie8 & { width: 100%; position: fixed; top: 0; &:before { content: ''; background: #fff; width: 999em; height: 100%; position: absolute; top: 0; border-bottom: 4px solid @red; left: -50%; display: block !important; .box-shadow(0 0 8px rgba(0,0,0,.2)); .transition(0.3s); } } } } #search-header { position: relative; z-index: 10; width: 100%; padding: 0; margin: 8px 0 0 0; border: 1px solid #d2d2d2; border-radius: 0; text-align: left; .box-sizing(border-box); select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { outline:none; } select:-moz-placeholder, textarea:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="color"]:-moz-placeholder, .uneditable-input:-moz-placeholder { color: #707070; font-style: italic; } select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .uneditable-input:-ms-input-placeholder { color: #707070; font-style: italic; } select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder { color: #707070; font-style: italic; } select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .uneditable-input::-moz-placeholder { color: #707070; font-style: italic; opacity: 1; } .search-form_it { margin: 0; padding: 5px 0 5px 17px; width: 230px; height: 34px; color: #707070; border-radius: 0; background: none; box-shadow: none; border: none !important; float: left; .box-sizing(border-box); @media (min-width: 980px) and (max-width: 1200px) { width: 85%; } @media (min-width: 768px) and (max-width: 979px) { width: 80%; } &:focus, &:active { background: none; } } .search-form_is { margin: 0; width: 34px; height: 34px; padding: 0; color: #fff; text-indent: -9999px; right: 0; display: inline-block; position: relative; box-shadow: none; background: url(images/search.png) no-repeat 14px 10px; border: none; border-radius: 0; display: inline-block; transition: none; .box-sizing(border-box); @media (min-width: 980px) and (max-width: 1200px) { width: 15%; } @media (min-width: 768px) and (max-width: 979px) { width: 20%; } &:active, &:hover { background: url(images/search.png) no-repeat 14px -40px; } } } .home { .header { border-bottom: none; } } /*/ Header */ /* Logo ================================================== */ .logo-wrap { background: @red; position: relative; >div { position: relative; z-index: 10; } &:before { content: ""; display: block; height: 100%; left: -100%; position: absolute; top: 0; width: 101%; background: @red; z-index: 1; } &:after { content: ""; display: block; height: 100%; right: -100%; position: absolute; top: 0; width: 101%; background: @red; z-index: 1; } .logo { @media (min-width: 768px) and (max-width: 979px) { width: 100%; } @media (max-width: 767px) { float: none !important; } .logo-img { position: relative; text-align: center; .logo_h__img { margin: -3px 0 -6px; display: inline-block; @media (max-width: 767px) { margin: 0 0 -6px; } } } .logo_h__txt { padding: 8px 0 0; @media (max-width: 767px) { text-align: center; padding: 10px 0; } a { font-weight: 900; &:hover, &:active, &:focus { color: #fff; text-decoration: none; } } } } } /*/ Logo */ /* #Slider ================================================== */ .slider { width: 1920px; position: relative; left: 50%; margin-left: -960px; margin-bottom: 45px; @media (min-width: 980px) and (max-width: 1200px) { width: 1200px; margin-left: -600px; } @media (min-width: 768px) and (max-width: 979px) { width: 980px; margin-left: -490px; } @media (max-width: 767px) { width: 100%; left: 0; margin-left: 0; } >.container { width: 100%; } } .camera_caption { text-align: center; bottom: auto; top: 96px; width: auto; margin-left: -170px; left: 50%; @media (min-width: 980px) and (max-width: 1200px) { top: 30px; margin-left: -55px; } @media (min-width: 768px) and (max-width: 979px) { top: 20px; margin-left: 55px; } @media (max-width: 767px) { display: none !important; } >div { display: inline-block; background: none; padding: 0; width: 505px; padding-right: 0; margin-left: -415px; text-align: left; .box-sizing(border-box); h2 { font: 40px/38px @sanchezFontFamily; color: #fff; margin: 0 0 3px; width: 444px; padding: 12px 20px 15px; background: @red; .box-sizing(border-box); @media (min-width: 768px) and (max-width: 979px) { font-size: 25px; line-height: 1em; width: 300px; } } p { font: 16px/26px @notoFontFamily; color: #fff; background: @red; margin: 0; width: 501px; padding: 10px 20px; .box-sizing(border-box); @media (min-width: 768px) and (max-width: 979px) { font-size: 14px; line-height: 1.2em; } } } } .camera_prev, .camera_next { background: none; top: auto; bottom: 20px; width: 18px; height: 27px; left: 50%; margin: 0 0 0 -31px; span { width: 18px; height: 27px; background: url(images/slider-nav.png) no-repeat; &:hover { background-position: 0 -27px; } } } .camera_next { left: auto; right: 50%; margin: 0 -31px 0 0; span { background-position: -18px 0; &:hover { background-position: -18px -27px; } } } /*/ Slider */ /* #Content ================================================== */ .home { .content-holder { padding-bottom: 0; } } .title-section { margin: 0; padding: 47px 0 0; position: relative; background: none; .title-header { text-align: left; letter-spacing: 0; padding: 0 0 14px; margin: 0; color: #3c3c3c; text-transform: none; font: 900 18px/1.3em @opensansFontFamily; position: relative; small { font-size: 16px; } } .breadcrumb { position: relative; text-align: left; background: none; padding: 8px 0; margin: 0; text-transform: none; text-shadow: none; letter-spacing: 0; border: none; box-shadow: none; border-radius: 0; font: 14px/1.2em @opensansFontFamily; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; >li { text-shadow: none; display: inline-block; @media (max-width: 480px) { display: block; } &.active { color: #707070; } } a { color: #e20611; text-shadow: none; } .divider { padding: 0 6px; &:after { color: #707070; content: "/"; font: 14px/1.2em @opensansFontFamily; @media (max-width: 480px) { display: none; } } } } } article { background: none; border: none; border-radius: 0; padding: 10px 0 0 0; .box-sizing(border-box); &.post__holder { margin-bottom: 50px; overflow: visible; } .thumbnail { margin: 0 30px 20px 0; @media (max-width: 320px) { width: auto !important; display: inline-block; float: none; margin: 0 0 15px 0; img { width: 100%; } } &.large { margin: 0 0 30px 0; border-radius: 0; @media (min-width: 768px) and (max-width: 979px) { float: none !important; } } } .post-header { margin: 0; padding: 0 0 25px; .post-title { text-align: center; font: 900 15px/1.2em @opensansFontFamily; margin: 0; letter-spacing: 0; text-transform: none; color: #3c3c3c; .header-line; a { color: #3c3c3c; } } } .post_content { background: none; border-radius: 0; padding: 0; .box-sizing(border-box); } .post_meta { padding: 6px 0; border: none; position: relative; display: block; margin: 20px 0; overflow: visible; background: none; border-top: 1px solid @bordercolor; border-bottom: 1px solid @bordercolor; border-radius: 0; .box-sizing(border-box); >div.post_meta_unite { padding: 6px 0 0 0; margin: 6px 0 0 0; font: 13px/1.2em @opensansFontFamily; border-color: @bordercolor; &:first-child { border: none; } } i { margin-right: 0; color: @red; font-size: 12px; } .post_date { color: @red; } .post_author a { color: #3c3c3c; } .post_category a, .post_tag a, .post_tag { color: #707070; } .post_comment a { color: #707070; } .user_like, .post_views { color: #707070; } .post_permalink { float: none; a { color: #707070; } } } div.jp-playlist li a:hover, div.jp-playlist li.jp-playlist-current a { color: #b8b8b8; } .quote-wrap { blockquote { font-family: @sansFontFamily; font-size: 15px; line-height: 1.2em; font-style: normal; color: #afafaf; font-weight: bold; } } .gallery-post { padding-bottom: 40px; } &.testimonial { background: none; border-color: @bordercolor; .user, .info { color: #222; } } } .single { #content { article { margin-bottom: 0; @media (min-width: 768px) and (max-width: 1000px) { .thumbnail { float: left; img { margin: 0; } } } @media (max-width: 480px) { .thumbnail { width: 100%; img { width: 100%; } } } } .share-buttons { margin: 15px 0 20px; background: none; padding: 0; .box-sizing(border-box); .pinterest { img { vertical-align: top; } } } .post-author { margin: 30px 0; padding: 30px; border: 1px solid @bordercolor; background: none; border-radius: 0; .post-author_h { font: 14px/1.2em @opensansFontFamily; margin: 0 0 10px 0; letter-spacing: 0; text-transform: none; color: #707070; a { color: #3c3c3c; text-transform: none; font: 14px/1.2em @opensansFontFamily; } } .post-author_gravatar { display: block; margin: 4px 30px 10px 0; img { width: 80px; height: 80px; border-radius: 0; padding: 0; border: none; background: none; } } .post-author_desc { overflow: hidden; text-transform: none; color: #707070; @media (max-width: 480px) { overflow: visible; } } .post-author_link { margin-top: 15px; text-transform: none; color: #707070; font: 14px/1.2em @opensansFontFamily; p { margin: 0; } a { color: #3c3c3c; text-transform: none; font: 14px/1.2em @opensansFontFamily; } } } } } .filter-wrapper { margin: 0 0 25px; position: relative; text-align: right; @media (max-width: 767px) { margin: 20px 0; text-align: left; } strong { color: #707070; padding: 0; font: 600 italic 14px/1.2em @opensansFontFamily; margin-right: 64px; margin-top: 3px; text-transform: uppercase; letter-spacing: 0; float: none; display: inline-block; vertical-align: top; } .filter { margin: 0; display: inline-block; float: none; position: relative; top: 0; @media (max-width: 767px) { float: none; display: block; } li { margin: 0 0 0 64px; float: left; display: block; @media (max-width: 767px) { float: none; margin: 0 !important; } &:first-child { margin: 0; } a { color: #707070; font: 600 italic 14px/1.2em @opensansFontFamily; padding: 0; margin: 0; display: inline-block; background: none; border-radius: 0; text-transform: uppercase; letter-spacing: 0; @media (max-width: 767px) { display: inline-block; } &:active, &:hover, &:focus { text-decoration: none; color: @red; background: none; } } } .active { a { text-decoration: none; color: @red; background: none; } } } .pull-right { float: none; } } .filterable-portfolio { li.portfolio_item { overflow: visible; .portfolio_item_holder { overflow: visible; .thumbnail { margin: 0; border-radius: 0; } .caption { padding: 26px 26px 15px 26px; border: 1px solid #d2d2d2; border-top: none; position: relative; h3 { text-shadow: none; margin: 0 0 5px; font: 18px/1.2em @opensansFontFamily; letter-spacing: 0; a { color: #707070; text-transform: none; text-decoration: none; &:hover, &:active { text-decoration: underline; } } } .excerpt { font: 14px/24px @opensansFontFamily; color: #707070; text-transform: none; margin: 0 0 15px; } } } } } .portfolio-meta, .portfolio-meta-list, .pager { border-color: @bordercolor; } /*/ Content */ /* #Comments ================================================== */ .related-posts, .comment-holder, #respond { margin-top: 50px; h3 { font: 900 18px/1.2em @opensansFontFamily; margin: 0 0 20px; text-align: center; letter-spacing: 0; text-transform: none; color: #3c3c3c; .header-line; } } .related-posts { .related-posts_item { overflow: visible; } a { font: 18px/1em @opensansFontFamily; color: #707070; display: inline; letter-spacing: 0; text-transform: none; &:hover { text-decoration: underline; } } .thumbnail { .box-sizing(border-box); a { display: inline-block; width: 100%; } img { .box-sizing(border-box); } } } .comment-holder { .comment-list { .comment { .comment-body { padding: 30px; margin: 30px 0 0; background: none; border-radius: 0; border: 1px solid @bordercolor; .comment-author { margin: 5px 30px 10px 0; text-align: left; border: none; img { width: 80px; height: 80px; border-radius: 0; padding: 0; border: none; background: none; } .author { width: auto; text-align: left; font: 14px/1.2em @opensansFontFamily; color: #3c3c3c; padding-top: 20px; text-transform: none; } } .extra-wrap { padding: 0; margin: 0; background: none; color: #707070; text-transform: none; @media (max-width: 480px) { overflow: visible; } } .comment-meta { margin: 4px 0 0 0; font: 14px/1.2em @opensansFontFamily; color: @red; text-transform: none; } } } } #respond { #commentform { margin-top: 0; } } } #respond { #commentform { margin: 15px 0 0; textarea { width: 100%; min-width: auto; max-width: 100%; .box-sizing(border-box); height: 300px; min-height: auto; max-height: auto; min-width: auto; padding: 12px 10px 10px; } p { input { .box-sizing(border-box); max-width: auto; min-width: auto; width: 100%; padding: 0 10px; height: 35px; margin-bottom: 2px; &:focus { box-shadow: none; } &.btn { margin: 20px 0 0 0; width: auto; padding: 0; height: 20px; } } &.right-align { text-align: right; margin: 0; } } } } /*/ Comments */ /* #Widgets ================================================== */ #sidebar.sidebar { .widget { margin: 55px 0 0 0; &:first-child { margin: 7px 0 0 0; } >h3 { margin: 0 0 20px 0; font: 900 18px/1.2em @opensansFontFamily; letter-spacing: 0; display: block; color: #3c3c3c; text-align: center; text-transform: none; .header-line; } } } [id*="categories"], [id*="archives"], .list.custom-list { ul { margin: 0 0 11px; list-style-type: none; li { margin: 0; padding: 6px 0 6px 33px; position: relative; &:before { content: ''; font: 14px/1em FontAwesome; color: @red; position: absolute; top: 10px; left: 0; } a { font: 14px/1.2em @opensansFontFamily; color: @red; text-transform: none; display: inline; position: relative; &:hover, &:active { color: #3c3c3c; text-decoration: none; background: none; } } } } } [id*="my_poststypewidget"] { .post-list { margin: 20px 0 0 0; li { padding: 20px 0; overflow: visible; position: relative; &:first-child { padding-top: 0; } .thumbnail { margin: 3px 30px 10px 0; float: left; @media (min-width: 768px) and (max-width: 979px) { float: none; margin: 0 0 15px; } @media (max-width: 480px) { float: none; margin: 0 0 15px; } } .post-list_h { font: 18px/1.2em @opensansFontFamily; text-transform: none; letter-spacing: 0; margin: 0 0 15px; display: block; a { color: #707070; } } time, .post-list_comment { display: inline-block; padding: 0 0 15px; color: @red; font: 14px/1.2em @opensansFontFamily; @media (max-width: 1200px) { display: block; } } .post-list_comment { &:before { content: '/'; padding: 0 5px; @media (max-width: 1200px) { display: none; } } } .excerpt { overflow: hidden; margin: 0 0 15px; color: #707070; line-height: 24px; } .btn { margin-top: 0; } } } } [id*="my-recent-comments"] { .comments-custom { .comments-custom_li { padding: 20px 0; &:first-child { padding-top: 0; border: none; } .featured-thumbnail { margin: 0 30px 15px 0; padding: 0; box-shadow: none; .box-sizing(content-box); } .meta_format { margin: 0; } time { margin: 0; display: block; color: @red; text-transform: none; font: 14px/24px @opensansFontFamily; } .comments-custom_h_author, .comments-custom_h_title { font: 14px/24px @opensansFontFamily; text-transform: none; letter-spacing: 0; margin: 0; color: #707070; } .comments-custom_h_author { margin-top: 10px; } .comments-custom_txt { border: none; overflow: hidden; padding: 0; a { color: #707070; } } } } } .search-form { .search-form_is { margin: 0 0 0 10px; padding-top: 1px; padding-bottom: 1px; height: 36px; @media (min-width: 768px) and (max-width: 1200px) { display: block; margin: 0; } @media (max-width: 400px) { display: block; margin: 0; } } } #wp-calendar { caption, thead tr th { color: @red; font-family: @opensansFontFamily; } } #content.left, #sidebar { @media (max-width: 767px) { float: none !important; } } /*/ Widgets */ /* #Shortcodes ================================================== */ #content.row { padding-top: 46px; } div.type-page { blockquote { padding: 0 0 10px; margin: 0; border: none; p { margin: 0; font: 18px/36px @opensansFontFamily; color: #707070; } } .extra-wrap { h1 { font: bold 18px/24px @opensansFontFamily; color: #707070; margin: 0 0 20px; text-transform: uppercase; } p { margin: 0 0 30px; } } } .title-box { margin: 0 0 35px; .title-box_primary { font: 900 18px/1.2em @opensansFontFamily; color: #3c3c3c; text-align: center; .header-line; } } .spacer { height: 40px; } .posts-grid.latest-news-events { li { .clear { display: none; @media (min-width: 768px) and (max-width: 979px) { display: block; } @media (max-width: 480px) { display: block; } } .thumbnail { margin: 0 30px 10px 0; @media (min-width: 768px) and (max-width: 979px) { margin: 0 0 20px; } @media (max-width: 480px) { margin: 0 0 20px; } } .post_meta { margin: 0 0 10px; padding: 0; border: none; font: 14px/1.2em @opensansFontFamily; span { display: none; &.post_date { display: block; color: @red; } } } h5 { font: 18px/1.2em @opensansFontFamily; margin: 0 0 20px; a { color: #707070; } } } } .dropcap { background: @red; width: 55px; height: 55px; border-radius: 50%; font: 25px/55px @opensansFontFamily; color: #fff; margin: 5px 20px 20px 0; } .posts-grid.services { margin-bottom: 25px; li { @media (max-width: 767px) { width: 48%; display: inline-block; vertical-align: top; margin: 0 0 4% 4%; &:nth-child(2n+1) { margin: 0 0 4% 0; } } @media (max-width: 480px) { width: 100%; display: block; margin: 0 0 20px; } .thumbnail { margin: 4px 0 15px; } h5 { font: 18px/1.2em @opensansFontFamily; margin-bottom: 17px; a { color: #707070; } } } } .service-box { background: none; padding: 0; margin: 0 0 30px; border: none; box-shadow: none; .icon { margin: 4px 20px 0 0; } .service-box_body { overflow: hidden; .title { font: 18px/1.2em @opensansFontFamily; margin: 0 0 5px; color: #707070; } .service-box_txt { margin: 0 0 15px; } .btn-align { text-align: left; } } &.services-consult {} &.our-company { text-align: center; .title { font: bold 18px/24px @opensansFontFamily; text-transform: uppercase; margin: 0 0 20px; } .btn-align { text-align: center; } } &.products { text-align: center; .icon { float: none; margin: 0 0 15px; } .title { overflow: visible; font-weight: bold; strong { font-size: 36px; line-height: 1.2em; } } .service-box_txt { font-size: 18px; } } } .green-box { background: #a7c583 url(images/green-bg.jpg) no-repeat 50% 50%; background-size: 100% auto; border-top: 1px solid #d7e5c6; position: relative; padding: 72px 0 95px; margin: 30px 0 45px; @media (max-width: 1200px) { padding: 30px 0; } @media (min-width: 768px) and (max-width: 979px) { background-size: 100% 100%; } @media (max-width: 767px) { background: #a7c583; } >div { position: relative; z-index: 10; } &:before { content: ""; display: block; height: 100%; left: -100%; position: absolute; top: -1px; width: 101%; background: #a7c583; border-top: 1px solid #d7e5c6; z-index: 1; } &:after { content: ""; display: block; height: 100%; right: -100%; position: absolute; top: -1px; width: 101%; background: #a7c583; border-top: 1px solid #d7e5c6; z-index: 1; } .hero-unit { h1, p { color: #fff; } } .big-btn { color: #fff; &:hover, &:active { text-decoration: underline; } } } .pink-box { background: #d46572 url(images/red-bg.jpg) no-repeat 50% 50%; background-size: 100% auto; position: relative; border-top: 1px solid #edb9bf; padding: 83px 0 84px; margin: 20px 0 40px; @media (max-width: 1200px) { padding: 30px 0; } @media (min-width: 768px) and (max-width: 979px) { background-size: 100% 100%; } @media (max-width: 767px) { background: #d46572; } >div { position: relative; z-index: 10; } &:before { content: ""; display: block; height: 100%; left: -100%; position: absolute; top: -1px; width: 101%; border-top: 1px solid #edb9bf; background: #d46572; z-index: 1; } &:after { content: ""; display: block; height: 100%; right: -100%; position: absolute; top: -1px; width: 101%; border-top: 1px solid #edb9bf; background: #d46572; z-index: 1; } .hero-unit { h1, p { color: #fff; } } .big-btn { color: #fff; &:hover, &:active { text-decoration: underline; } } } .hero-unit { background: none; padding: 0; border-radius: 0; margin: 0 0 20px; h1 { font: 600 italic 36px/1em @opensansFontFamily; letter-spacing: 1px; margin: 0 0 20px; @media (min-width: 768px) and (max-width: 1200px) { font-size: 25px; } } p { font: 18px/36px @opensansFontFamily; @media (min-width: 768px) and (max-width: 1200px) { line-height: 1.2em; } } } .big-btn { font: bold italic 24px/1.3em @opensansFontFamily; text-transform: none; @media (max-width: 1200px) { font-size: 16px; } } div.type-page { .extra-wrap { strong { font: 800 24px/1em @opensansFontFamily; color: #fff; vertical-align: middle; padding: 0 25px 0 30px; @media (max-width: 1200px) { padding: 0 10px; font-size: 16px; } @media (max-width: 767px) { display: block; width: 0; height: 0; text-indent: -9999px; } } } } .red-box { margin: 40px 0 0; background: @red; padding: 21px 0 10px; border-top: 1px solid #ea4d55; position: relative; >div { position: relative; z-index: 10; } &:before { content: ""; display: block; height: 100%; left: -100%; position: absolute; top: -1px; width: 101%; background: @red; border-top: 1px solid #ea4d55; z-index: 1; } &:after { content: ""; display: block; height: 100%; right: -100%; position: absolute; top: -1px; width: 101%; background: @red; border-top: 1px solid #ea4d55; z-index: 1; } } .posts-grid.clients { li { width: 14.28571%; margin: 0; padding: 0 10px; .box-sizing(border-box); @media (max-width: 767px) { width: 25%; margin: 0 0 10px 0; } @media (max-width: 500px) { width: 33.3333%; } @media (max-width: 400px) { width: 50%; } .thumbnail { margin: 0; float: none; display: block; text-align: center; a { display: inline-block; text-align: center; } } h5, .excerpt { display: none; } } } .single-clients, .type-clients { .thumbnail.large { width: auto; float: left; margin: 0 30px 20px 0; padding: 10px; @media (min-width: 768px) and (max-width: 979px) { display: inline-block; } @media (max-width: 400px) { display: inline-block; float: none; } } } /*/ Shortcodes */ /* #Footer ================================================== */ .footer { background: none; border-top: 5px solid @red; padding: 27px 0 20px; } .footer-text { padding: 0; font: 14px/1.2em @opensansFontFamily; color: #707070; text-transform: none; text-align: center; float: none; margin: 0; @media (max-width: 767px) { text-align: center; } a { color: #707070; &:hover { color: #707070; text-decoration: underline; } } .site-name { color: #707070; &:hover { color: #707070; text-decoration: underline; } } em { font-style: normal; display: inline-block; padding: 0 8px; @media (max-width: 480px) { display: block; text-indent: -9999px; width: 0; height: 0; } } } .copyright { padding: 0; } nav.nav.footer-nav { float: none; margin: 10px 0 0 0; ul { float: none; text-align: center; @media (max-width: 767px) { text-align: center; } li { float: none; display: inline-block; padding: 0; text-transform: none; margin: 0 0 0 10px; padding: 0; &:first-child { margin: 0; } &.current-menu-item a, a:hover { color: @red; text-decoration: none; } } } } /*/ Footer */ /* #Misc ================================================== */ .zoom-icon { &:before { background: url(images/zoom.png); width: 99px; height: 99px; margin: -50px 0 0 -50px; } } #back-top-wrapper { #back-top { a { span { background: #080808; position: relative; border-radius: 0; display: inline-block; &:after { content: ''; font: 14px/1.2em FontAwesome; color: #fff; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -6px; } } &:hover { span { background: @red; &:after { color: #fff; } } } } } } #wpadminbar { @media (max-width: 600px) { top: -46px !important; } } .google-map { margin-bottom: 0; } div.ajax-loader, .ajax-loader { position: relative; top: -2px; } .error404-holder { padding: 80px 0; .error404-holder_num { color: @red; font-weight: 100; @media (min-width: 768px) and (max-width: 979px) { font-size: 150px; } } } .archive_h { @media (max-width: 767px) { margin-top: 30px; } } blockquote p { line-height: 22px; } .faq-list { .marker { font-size: 15px !important; color: @red; margin-top: 2px; } } .ie9, .ie8 { .wpcf7-form { p { input[type="text"], input[type="email"] { padding-top: 8px; } } } #search-header { .search-form_it { padding-top: 7px; } } } .ie8 { #sidebar, #content, .footer-widgets { .search-form { .search-form_is { display: block; margin: 10px 0 0 0; } } } #search-header { .search-form_it { width: 85%; } .search-form_is { width: 15%; } } .slider { width: 1200px; margin-left: -600px; } .camera_caption { top: 30px; margin-left: -55px; } [id*="my_poststypewidget"] { .post-list { li { time, .post-list_comment { display: block; } .post-list_comment { &:before { display: none; } } } } } .green-box { background: #a7c583 url(images/green-bg-ie8.jpg) no-repeat 50% 50%; padding: 30px 0; } .pink-box { background: #d46572 url(images/red-bg-ie8.jpg) no-repeat 50% 50%; padding: 30px 0; } .hero-unit { h1 { font-size: 25px; } p { line-height: 1.2em; } } .big-btn { font-size: 16px; } div.type-page { .extra-wrap { strong { padding: 0 10px; font-size: 16px; } } } .posts-grid.latest-news-events { li { .thumbnail { width: 270px; } } } .posts-grid.services { li { .thumbnail { width: 100%; } } } .filter-wrapper { .filter { li { padding-right: 3px; } } } .comment-author { width: 80px !important; height: auto !important; margin-right: 20px !important; img { width: 80px !important; height: 80px !important; } } .post-author_gravatar { width: 80px !important; img { width: 80px !important; } } .reply a { padding-right: 3px; } #respond { #commentform { p { input { padding-top: 9px; height: 36px; &.btn { padding: 0 3px 0 0; height: 20px; line-height: 1.2em; } } } } } .btn { padding: 0 3px 0 0; } } /*/ Misc */ @import "bootstrap/less/variables.less"; @import "bootstrap/less/mixins.less";