/*import CherryFramework style*/ @import url("../CherryFramework/style.css"); @import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,700); /* #General ================================================== */ .cherry-fixed-layout .main-holder { @media (min-width: 1280px) and (max-width: 5000px) { width: 1270px; max-width: 1270px; } } .main-holder { overflow: hidden; } body { @media (max-width: 767px) { padding: 0; .header { padding: 0 20px; } .footer { padding: 0 20px; .box-sizing(border-box); } .content-holder { padding: 0 20px 30px 20px !important; } &.home { .content-holder { padding: 0 20px 30px 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: left; } &.alignnone { margin: 0 0 25px; @media (max-width: 767px) { margin: 20px 0; } } &.alignleft { margin: 5px 23px 10px 0; @media (min-width: 768px) and (max-width: 979px) { } @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: 3px; border: none; color: #fff; text-shadow: none; font: 19px/18px @robotocondFontFamily; text-transform: none; padding: 12px 29px; letter-spacing: 0; height: auto; box-shadow: none; text-decoration: none; background: none; #gradient > .vertical(#7cc6f1, #71b8e6); .box-sizing(border-box); .transition; &:hover, &:active { background: #5087c4; text-decoration: none; color: #fff; box-shadow: none; } &:focus { color: #fff; background: none; #gradient > .vertical(#7cc6f1, #71b8e6); } } 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: #86939b; text-decoration: none; position: relative; border-radius: 0; background: #f6f8fb; box-shadow: none; border: 1px solid @bordercolor !important; .transition; &:focus { background: #e9e9e9; box-shadow: none; border-color: #404040 !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: #404040 !important; } } } textarea { padding: 10px 5px; margin-bottom: 10px; &:focus { border-color: #404040 !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: #777; } 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: #777; } 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: #777; } 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: #777; opacity: 1; } /* #Header ================================================== */ .header { border-bottom: none; border-top: 1px solid #588dc7; padding: 0; } .header-wrap { padding: 33px 0 37px; background: #4a83c2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhODNjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YWE0ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4a83c2 0%, #7aa4d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a83c2), color-stop(100%,#7aa4d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4a83c2 0%,#7aa4d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4a83c2 0%,#7aa4d2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4a83c2 0%,#7aa4d2 100%); /* IE10+ */ background: linear-gradient(to bottom, #4a83c2 0%,#7aa4d2 100%); /* W3C */ position: relative; >div { position: relative; z-index: 10; } &:before { content: ""; display: block; height: 100%; left: -50px; position: absolute; top: 0; width: 55px; background: #4a83c2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhODNjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YWE0ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4a83c2 0%, #7aa4d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a83c2), color-stop(100%,#7aa4d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4a83c2 0%,#7aa4d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4a83c2 0%,#7aa4d2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4a83c2 0%,#7aa4d2 100%); /* IE10+ */ background: linear-gradient(to bottom, #4a83c2 0%,#7aa4d2 100%); /* W3C */ z-index: 1; } &:after { content: ""; display: block; height: 100%; right: -50px; position: absolute; top: 0; width: 55px; background: #4a83c2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhODNjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YWE0ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4a83c2 0%, #7aa4d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a83c2), color-stop(100%,#7aa4d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4a83c2 0%,#7aa4d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4a83c2 0%,#7aa4d2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4a83c2 0%,#7aa4d2 100%); /* IE10+ */ background: linear-gradient(to bottom, #4a83c2 0%,#7aa4d2 100%); /* W3C */ z-index: 1; } } .ie9 { .header-wrap { filter: none; &:after, &:before { filter: none; } } } .ie8 { .header-wrap { background: #5d90c8; /* Old browsers */ &:after, &:before { background: #5d90c8; /* Old browsers */ } } } .contacts { color: #fff; text-align: right; @media (max-width: 767px) { text-align: left; margin: 20px 0 0 0; } p { margin: 0; } .desc { font: 16px/21px @robotoFontFamily; margin: 0 0 6px; } .tel { font: 36px/1.2em @robotocondFontFamily; letter-spacing: -1px; i { font-size: 33px; display: inline-block; margin: 4px 12px 0 0; } } } .nav-wrap { #gradient > .vertical(#f9fbfd, #e6eef6); position: relative; >div { position: relative; z-index: 10; } &:before { content: ""; display: block; height: 100%; left: -50px; position: absolute; top: 0; width: 55px; #gradient > .vertical(#f9fbfd, #e6eef6); z-index: 1; } &:after { content: ""; display: block; height: 100%; right: -50px; position: absolute; top: 0; width: 55px; #gradient > .vertical(#f9fbfd, #e6eef6); z-index: 1; } } .nav__primary { position: relative; float: none; padding: 0; margin: 0; z-index: 100; background: none; @media (max-width: 767px) { padding: 20px 0; } .select-menu { height: 35px; } .sf-menu { float: left; position: relative; text-align: center; padding: 0; margin: 0; z-index: 1; border-left: 1px solid #c6d9ec; @media (max-width: 767px) { display: none !important; } >li { background: none; float: left; text-align: center; position: relative; padding: 0; margin: 0; border: none; border-radius: 0; .box-sizing(border-box); .transition; z-index: 10; border-right: 1px solid #c6d9ec; &:first-child { margin: 0; } &:hover { ul { top: 100%; } li ul { top: -999em; } &:before { background: #74b4e2; } &:after { background: #74b4e2; } } &:before { content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: -1px; } &:after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; } >a { border: none; padding: 17px 28px 23px 29px; display: inline-block; text-transform: none; border-radius: 0; position: relative; letter-spacing: 0; .box-sizing(border-box); .transition; background: none; &:hover { text-decoration: none; color: #fff; background: none; #gradient > .vertical(#7bc6f0, #72b9e7); .sf-sub-indicator { background-position: -10px -100px; } } >.sf-sub-indicator { position: absolute; display: inline-block; top: 45px; left: 50%; margin-left: -5px; background: url("images/arrows-ffffff.png") no-repeat scroll 0 -100px transparent; } } &.current-menu-item { &:before { background: #74b4e2; } &:after { background: #74b4e2; } >a { text-decoration: none; color: #fff; background: none; #gradient > .vertical(#7bc6f0, #72b9e7); .sf-sub-indicator { background-position: -10px -100px; } } } &.sfHover { &:before { background: #74b4e2; } &:after { background: #74b4e2; } >a { text-decoration: none; color: #fff; background: none; #gradient > .vertical(#7bc6f0, #72b9e7); .sf-sub-indicator { background-position: -10px -100px; } } ul { top: 100%; } li ul { top: -999em; } } >.sub-menu { background: #ffffff; top: -999em; left: 0; width: 140px; padding: 0; margin: 2px 0 0 0; border: none; border-radius: 0; z-index: 10000; .box-sizing(border-box); >.menu-item { background: none; text-align: left; border: none; padding: 0; margin: 0; border-top: 1px solid #e2e8f1; &:first-child { border: none; } &:hover { li ul { top: -999em; } } a { margin: 0; padding: 10px 14px; background: none; border: none; color: #4f89c3; text-transform: none; display: block; letter-spacing: 0; border-radius: 0; letter-spacing: 0; font: 14px/1.2em @robotoFontFamily; .transition; .box-sizing(border-box); &:hover { color: #63c4fb; text-shadow: none; background: none; } >.sf-sub-indicator { top: 13px; left: auto; right: 10px; background: url("images/arrows-ffffff.png") no-repeat scroll 0 0 transparent; } } &.sfHover { li ul { top: -999em; } >a { color: #63c4fb; text-shadow: none; background: none; .sf-sub-indicator { background-position: -10px 0; } } } &.current-menu-item { a { color: #63c4fb; text-shadow: none; background: none; } } >.sub-menu { background: #fff; padding: 0; margin: 0; top: 0; left: 100%; right: auto; border: none; border-radius: 0; width: 100%; >.menu-item { background: none; text-align: left; border: none; padding: 0; margin: 0; border-top: 1px solid #e2e8f1; &:first-child { border: none; } &:hover { ul { top: 0; left: 10em; } } a { margin: 0; padding: 10px 20px; color: #4f89c3; display: block; background: none; &:hover { color: #63c4fb; text-shadow: none; background: none; } } &.current-menu-item { a { color: #63c4fb; text-shadow: none; background: none; } } &.sfHover { ul { top: 0; left: 10em; } } } } } } } } } /*/ Header */ /* Logo ================================================== */ .logo { padding: 9px 0; @media (min-width: 768px) and (max-width: 979px) { width: 100%; } &.pull-left { float: none; } .logo_h__img, .logo_tagline { display: inline-block; @media (max-width: 767px) { display: block; } } .logo_h__img { margin: 0 7px 0 0; } .logo_tagline { font: 19px/1.2em @robotoFontFamily; color: #fff; text-transform: none; vertical-align: bottom; margin: 0; position: relative; top: 4px; } .logo_h__txt { display: inline-block; position: relative; top: 4px; margin-right: 7px; @media (max-width: 767px) { display: block; } a { &:hover, &:active, &:focus { color: #fff; text-decoration: none; } } } } /*/ Logo */ /* Slider ================================================== */ .slider { width: 1270px; margin-left: -50px; margin-bottom: 30px; @media (min-width: 980px) and (max-width: 1200px) { width: 980px; margin-left: -20px; } @media (min-width: 768px) and (max-width: 979px) { width: 764px; margin-left: -20px; } @media (max-width: 767px) { width: 100%; margin: 20px 0 30px 0; } .container { width: 100%; } } .camera_link { display: none !important; @media (max-width: 767px) { display: block !important; } } .camera_caption { text-align: right; bottom: auto; top: 60px; @media (min-width: 768px) and (max-width: 979px) { top: 15px; } @media (max-width: 767px) { display: none !important; } >div { display: inline-block; background: none; padding: 0; width: 420px; padding-right: 90px; text-align: left; .box-sizing(border-box); @media (min-width: 768px) and (max-width: 979px) { width: 350px; } h2 { font: 50px/1em @robotocondFontFamily; color: #4f4949; margin: 0 0 20px; @media (min-width: 768px) and (max-width: 1200px) { font-size: 30px; } } p { font: 16px/23px @robotoFontFamily; color: #63c4fb; margin: 0 0 20px; @media (min-width: 768px) and (max-width: 1200px) { font-size: 14px; line-height: 20px; } } .btn { border-radius: 3px; color: #fff; font: 19px/1em @robotocondFontFamily; padding: 18px 40px; #gradient > .vertical(#7cc6f1, #71b8e6); @media (min-width: 768px) and (max-width: 1200px) { padding: 10px 20px; } &:hover, &:active { background: #71b8e6; text-decoration: none; color: #fff; box-shadow: none; } &:focus { color: #fff; background: none; #gradient > .vertical(#7cc6f1, #71b8e6); } } } } .camera_prev, .camera_next { background: none; top: 50%; bottom: auto; width: 16px; height: 27px; left: 50px; margin: -13px 0 0 0; span { width: 16px; height: 27px; background: url(images/slider-nav.png) no-repeat; &:hover { background-position: 0 -27px; } } } .camera_next { left: auto; right: 50px; span { background-position: -16px 0; &:hover { background-position: -16px -27px; } } } .camera_commands { right: 0; } .camera_thumbs { @media (max-width: 767px) { display: none !important; } } /*/ Slider */ /* #Content ================================================== */ .content-holder { background: #eff4fa; padding-bottom: 30px; } .title-section { margin: 0; padding: 49px 0 0 0; position: relative; background: none; .title-header { text-align: center; letter-spacing: 0; padding: 0 0 10px 0; margin: 0; color: #4f4949; text-transform: none; font: 40px/1.3em @robotocondFontFamily; position: relative; small { font-size: 20px; } } .breadcrumb { position: relative; text-align: center; background: none; padding: 16px 0; margin: 0; text-transform: none; text-shadow: none; letter-spacing: 0; border: none; box-shadow: none; border-top: 1px solid #c8d8e8; border-bottom: 1px solid #c8d8e8; border-radius: 0; font: 16px/1.2em @robotoFontFamily; &:before { content: ""; display: block; height: 100%; left: -50px; position: absolute; top: -1px; width: 50px; border-top: 1px solid #c8d8e8; border-bottom: 1px solid #c8d8e8; z-index: 1; } &:after { content: ""; display: block; height: 100%; right: -50px; position: absolute; top: -1px; width: 50px; border-top: 1px solid #c8d8e8; border-bottom: 1px solid #c8d8e8; z-index: 1; } >li { text-shadow: none; display: inline-block; &.active { color: #3679bb; } } a { color: #3679bb; text-shadow: none; } .divider { padding: 0 6px; &:after { color: #3679bb; content: "/"; font: 16px/1.3em @robotoFontFamily; } } } } article { background: none; border: none; border-radius: 0; padding: 0; .box-sizing(border-box); &.post__holder { margin-bottom: 50px; overflow: visible; } .thumbnail { margin: 0 30px 20px 0; @media (max-width: 350px) { 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: 27px 0 48px; .post-title { text-align: center; font: 36px/1.2em @robotocondFontFamily; margin: 0; letter-spacing: 0; text-transform: none; color: #4f4949; a { color: #4f4949; } } } .post_content { background: none; border-radius: 0; padding: 0; .box-sizing(border-box); } .post_meta { padding: 8px 0; border: none; position: relative; display: block; margin: 20px 0 20px; overflow: visible; background: none; border-top: 1px solid @bordercolor; border-bottom: 1px solid @bordercolor; border-radius: 0; .box-sizing(border-box); .post_meta_unite { font: 14px/1.2em @sansFontFamily; border-color: @bordercolor; &:first-child { border: none; } } i { margin-right: 0; color: @blue; font-size: 15px; } .post_date { color: #8d99a1; } .post_author a { color: @blue; } .post_category a, .post_tag a, .post_tag { color: #7ac4ef; } .post_comment a { color: #7ac4ef; } .user_like, .post_views { color: #7ac4ef; } .post_permalink { float: none; a { color: #777ac4ef7; } } } 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 20px; padding: 20px; border: 1px solid @bordercolor; background: none; border-radius: 0; .post-author_h { font: 18px/1.2em @sansFontFamily; margin: 0 0 10px 0; letter-spacing: 0; text-transform: none; color: @blue; a { color: @blue; text-transform: none; font: 18px/1.2em @sansFontFamily; } } .post-author_gravatar { display: block; margin: 4px 20px 10px 0; img { width: 80px; height: 80px; border-radius: 0; padding: 0; border: none; background: none; } } .post-author_desc { padding-left: 100px; text-transform: none; color: #86939b; @media (max-width: 480px) { padding-left: 0; } } .post-author_link { margin-top: 20px; text-transform: none; color: #86939b; font: 14px/1.3em @sansFontFamily; p { margin: 0; } a { color: @blue; text-transform: none; font: 11px/1.2em @robotoFontFamily; } } } } } .filter-wrapper { margin: 3px 0 60px; position: relative; text-align: center; @media (max-width: 767px) { margin: 20px 0; text-align: left; } strong { color: #86939b; padding: 0; font: 14px/1.2em @robotoFontFamily; margin-right: 21px; margin-top: 3px; text-transform: none; letter-spacing: 0; display: inline-block; float: none; vertical-align: top; @media (max-width: 979px) { display: block; float: none; margin-right: 0; margin-bottom: 20px; } } .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 32px; float: left; display: block; @media (max-width: 767px) { float: none; margin: 0 0 10px !important; } &:first-child { margin: 0; } a { color: #86939b; font: 14px/1.2em @robotoFontFamily; padding: 0; margin: 0; border-bottom: 1px solid transparent; display: inline-block; background: none; border-radius: 0; text-transform: none; letter-spacing: 0; @media (max-width: 767px) { display: inline-block; } &:active, &:hover, &:focus { text-decoration: none; color: #86939b; background: none; border-color: #86939b; } } } .active { a { text-decoration: none; color: #86939b; background: none; border-color: #86939b; } } } .pull-right { float: none; } } .filterable-portfolio { li.portfolio_item { .portfolio_item_holder { .thumbnail { margin: 0; border-radius: 0; } .caption { padding: 23px 20px; background: #f8fafd; border: 1px solid @bordercolor; position: relative; border-top: none; h3 { text-shadow: none; margin: 0 0 6px; font: 18px/23px @robotoFontFamily; letter-spacing: 0; a { color: @blue; text-transform: none; text-decoration: none; &:hover, &:active { text-decoration: underline; } } } p { margin: 0; display: inline; } .excerpt { font: 14px/23px @robotoFontFamily; color: #86939b; text-transform: none; } .btn { background: none; padding: 0; font: 14px/23px @robotoFontFamily; color: #79c3ef; vertical-align: top; &:hover, &:active { color: @blue; } } } } } } .portfolio-meta, .portfolio-meta-list, .pager { border-color: @bordercolor; } /*/ Content */ /* #Comments ================================================== */ .related-posts, .comment-holder, #respond { margin-top: 40px; h3 { font: 36px/1.2em @robotocondFontFamily; margin: 0 0 20px; text-align: center; letter-spacing: 0; text-transform: none; color: #4f4949; } } .related-posts { a { font: 14px/23px @robotoFontFamily; color: #3679bb; 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: 20px; margin: 30px 0 0; background: none; border-radius: 0; border: 1px solid @bordercolor; .comment-author { margin: 5px 20px 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 @sansFontFamily; color: @blue; padding-top: 20px; text-transform: none; } } .extra-wrap { padding: 0; margin: 0; background: none; color: #86939b; text-transform: none; @media (max-width: 480px) { overflow: visible; } } .comment-meta { margin: 12px 0 0 0; font: 14px/1.2em @sansFontFamily; color: #86939b; 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: 12px 29px; height: 50px; } } &.right-align { text-align: right; margin: 0; } } } } /*/ Comments */ /* #Widgets ================================================== */ #sidebar.sidebar { padding-top: 67px; .widget { margin: 55px 0 0 0; &:first-child { margin: 0; } >h3 { margin: 0 0 20px 0; font: 36px/1.2em @robotocondFontFamily; letter-spacing: 0; display: block; color: #4f4949; text-align: center; text-transform: none; } } } [id*="categories"], [id*="archives"], .list.custom-list { overflow: hidden; ul { margin: 0; list-style-type: none; li { margin: 0; padding: 2px 0 1px 25px; position: relative; background: url(images/arrow.png) 0 5px no-repeat; &:before { display: none; } a { font: 14px/1.2em @robotoFontFamily; color: @blue; text-transform: none; display: inline; position: relative; &:hover, &:active { color: #86939b; text-decoration: none; background: none; } } } } } [id*="my-recent-comments"] { .comments-custom { .comments-custom_li { padding: 20px 0; &:first-child { padding-top: 0; border: none; } .clear { display: none; } .featured-thumbnail { margin: 0 15px 20px 0; padding: 0; } .meta_format { margin: 0; } time { margin: 0; display: block; color: @blue; font: 12px/1.2em @robotoFontFamily; } .comments-custom_h_author { font: 18px/23px @robotoFontFamily; text-transform: none; letter-spacing: 0; margin: 0 0 5px; font-weight: normal; color: @blue; } .comments-custom_txt { border: none; padding: 0; overflow: hidden; a { color: #86939b; } } } } } .search-form { margin-top: 10px; .search-form_is { margin: 0 0 0 10px; padding-top: 1px; padding-bottom: 1px; height: 39px; @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: @blue; font-family: @robotoFontFamily; } } #content.left, #sidebar { @media (max-width: 767px) { float: none !important; } } /*/ Widgets */ /* #Shortcodes ================================================== */ #content.row { padding-top: 67px; } div.type-page { p { margin: 0 0 23px; } .extra-wrap { p { font: 16px/23px @robotoFontFamily; margin: 0; @media (min-width: 768px) and (max-width: 979px) { margin: 0 0 10px; } @media (max-width: 480px) { margin: 0 0 10px; } } a { &:hover, &:active { color: #63c4fb; text-decoration: none; } } } } .title-box { text-align: center; margin: 0; padding: 0 0 21px; .title-box_primary { font: 36px/1.2em @robotocondFontFamily; color: #4f4949; margin: 0 0 20px; } &.second-title { text-align: left; padding: 0; .title-box_primary { font: 28px/1.2em @robotocondFontFamily; color: #4f4949; margin: 0 0 8px; } .title-box_secondary { font: 16px/23px @robotoFontFamily; color: #63c4fb; margin: 0 0 7px; } } } .dropcap { width: 64px; height: 64px; border-radius: 50%; #gradient > .vertical(#7cc6f1, #71b8e6); font: 28px/64px @robotocondFontFamily; color: #fff; margin: -4px 17px 10px 0; @media (max-width: 1200px) { margin-top: 0; } @media (min-width: 768px) and (max-width: 979px) { float: none; } @media (max-width: 480px) { float: none; } } .spacer { height: 33px; } .posts-grid.our-team { li { @media (max-width: 767px) { width: 48%; margin: 0 0 4% 4%; display: inline-block; &:nth-child(2n+1) { margin: 0 0 4% 0; } } @media (max-width: 350px) { width: 100%; display: block; margin: 0 0 20px; } .thumbnail { margin: 0 0 22px; } h5 { font: 18px/23px @robotoFontFamily; margin: 0 0 4px; a { color: @blue; } } .excerpt { margin: 0; } } } .service-box { padding: 13px 0; border: none; box-shadow: none; background: none; text-align: center; .service-box_body { .title { font: 36px/1.2em @robotocondFontFamily; color: @blue; margin: 0 0 5px; } .sub-title { font: 16px/23px @robotoFontFamily; color: #63c4fb; margin: 0 0 17px; } .service-box_txt { width: 90%; margin: 0 auto; } } &.service-home { margin: 0 0 40px; } } address { background: #5087c4; border-radius: 3px; padding: 20px 0 20px 0; color: #fff; text-align: center; @media (max-width: 767px) { margin: 30px 0; } a { color: #fff; text-decoration: underline; &:hover { color: #fff; text-decoration: none; } } .extra-wrap { #gradient > .vertical(#7cc6f1, #79c2ee); border-radius: 3px 3px 0 0; color: #fff; padding: 6px 0; margin: -20px 0 15px; figure { float: none; display: inline-block; margin: 0 10px 0 0; } h1 { display: inline-block; color: #fff; font: 36px/1em @robotocondFontFamily; } } p { padding: 0 20px; margin: 8px 0 0 0 !important; color: #fff; font: 12px/18px @robotoFontFamily; strong { font: bold 16px/23px @robotoFontFamily; } } } .testimonials { .testi-item { .testi-item_blockquote { background: #f7fafd url(images/quote.png) 18px 21px no-repeat; border-radius: 0; padding: 17px 25px 35px 85px; &:after { display: none; } &:before { width: 16px; height: 16px; background: url(images/quote-arrow.png) no-repeat; left: 12px; bottom: -16px; border: none; } a { color: #86939b; &:hover { color: @blue; } } } .testi-meta { padding: 20px 0 0 0; span { color: @blue; display: block; font-size: 16px; } } } &.testi-home { .testi-item { margin: 0; padding: 10px 0; .testi-meta { a, .info { display: none; } } } } } .sm_hr { background: @bordercolor; margin: 35px 0; @media (max-width: 767px) { display: none; } } /*/ Shortcodes */ /* #Footer ================================================== */ .footer { #gradient > .vertical(#4a83c2, #74a0d0); border-color: #578cc6; padding: 36px 0 47px; } nav.nav.footer-nav { float: none; margin: 0 0 9px; ul { float: none; text-align: left; @media (max-width: 767px) { text-align: center; } li { float: none; display: inline-block; padding: 0; text-transform: none; margin: 0 0 0 17px; padding: 0; &:first-child { margin: 0; } &.current-menu-item a, a:hover { color: #a8d1fe; text-decoration: none; } } } } .footer-text { padding: 0; font: 14px/1.2em @robotoFontFamily; color: #fff; text-transform: none; margin: 2px 0 0 0; @media (max-width: 767px) { text-align: center; } a { color: #fff; &:hover { color: #a8d1fe; text-decoration: none; } } .site-name { color: #fff; &:hover { color: #a8d1fe; } } em { font-style: normal; display: inline-block; padding: 0 4px 0 0; } } .social-nets-wrapper { text-align: right; @media (max-width: 767px) { text-align: center; margin: 20px 0 0 0; } .social { display: block; padding: 5px 0 0 0; margin: 0; list-style-type: none; text-align: right; @media (max-width: 767px) { text-align: center; } li { display: inline-block; float: none; margin: 0 0 0 12px; 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: 48px; display: inline-block; line-height: 1em; } &:hover, &:active, &:focus { color: #a8d1fe; text-decoration: none; } } } } } /*/ Footer */ /* #Misc ================================================== */ #back-top-wrapper { #back-top { a { span { background: #080808; position: relative; border-radius: 4px; 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: @blue; &:after { color: #fff; } } } } } } #wpadminbar { @media (max-width: 600px) { top: -46px !important; } } .google-map, .flexslider { background: url(images/loading.gif) 50% 50% no-repeat; } .google-map { margin-bottom: 0; } div.ajax-loader, .ajax-loader { position: relative; top: 10px; background-image: url(images/loading.gif); width: 24px; padding: 24px 0 0 0; height: 0px !important; } .error404-holder { padding: 80px 0; .error404-holder_num { color: @blue; 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: @blue; 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; } } } .slider { width: 980px; margin-left: -20px; } .camera_caption { >div { h2 { font-size: 30px; } p { font-size: 14px; line-height: 20px; } .btn { padding: 10px 20px; } } } .dropcap { margin-top: 0; } .posts-grid.our-team { li { .thumbnail { width: 100%; } } } .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; } } #respond { #commentform { p { input { padding-top: 9px; height: 36px; &.btn { padding: 12px 29px; height: 50px; line-height: 1.2em; } } } } } } /*/ Misc */ @import "bootstrap/less/variables.less"; @import "bootstrap/less/mixins.less";