/* Theme Name: LPIP
Author: CHRIS
Author URI: http://chrispetro.net
Description: Wordpress Templates
Version: 1
*/
/* Fonts
-------------------------------------------------------------- */
@font-face {
font-family: 'helveticaneue-light-webfont';
src: url('fonts/helveticaneue-light-webfont.eot');
src: local('âº'), url('fonts/helveticaneue-light-webfont.woff') format('woff'), url('fonts/helveticaneue-light-webfont.ttf') format('truetype'), url('fonts/helveticaneue-light-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/* proposal template */
body#proposal {
background-color: #fff;
}
#proposal #gform_wrapper_1 {
display:none;
}
/* General
-------------------------------------------------------------- */
::selection{
background-color:#0F28D1;
color:#fff;
}
::-moz-selection{
background-color:#0F28D1;
color:#fff;
}
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0;padding:0;}
html, body {
height: 100%;
min-height:100%;
}
body {
font-family: 'helveticaneue-light-webfont', HELVETICA, sans-serif;
font-size: 15px;
background-color:#232323;
overflow: visible;
color: #CDCDCD;
}
a {
color: #CDCDCD;
text-decoration: none;
}
a:hover{
color: #CDCDCD;
/*opacity:0.8;*/
}
.cf:after {
clear: both;
content: " ";
display: block;
}
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
img {vertical-align: bottom; max-width: 100%}
p {
margin: 0 0 10px 0;
font-size: 15px;
}
p:after , h1:after, h2:after, h3:after, h4:after {
clear: both;
content: " ";
display: block;
float:none;
}
h1 , h2, h3, h4 {font-weight: normal;}
h1 , h2{
font-size: 36px;
}
h1, h2 {
margin-bottom:10px;
}
h2 a {
text-decoration: none;
}
blockquote { }
blockquote p { }
ul { margin: 0 0 10px 0; list-style:none;}
.entry ul {
margin: 20px;
}
.entry ul li {
margin-bottom: 15px;
margin-left: 25px
}
ol { margin: 0 0 10px 50px; }
.italic {font-style:italic; text-transform:none;}
ul.dashed {
list-style: none;
padding-left: 0;
}
ul.dashed > li {
margin-left: 15px;
}
/* Prevent nested li's from getting messed up */
.entry ul > li::before {
content: '–';
position: absolute;
margin-left: -25px;
}
strong em {
float:right;
font-style: normal;
}
hr {
opacity:0.35;
margin: 30px 0;
}
/* Structure
-------------------------------------------------------------- */
#page_wrap {
min-height: 100%; /* do not remove plz */
}
#main {
overflow:auto; /* do not remove plz */
}
#main .container , header .container, footer .container{
max-width:1500px;
margin:0 auto;
}
.images_container {
background-color:#000000;
}
.rslides {
max-width:1500px;
margin:0 auto !important;
}
#main .container {
padding:0 40px;
margin-top: 143px;
}
#main .container.v2 {
padding:0;
}
#main .container.v2 .inner_container {
padding:0;
}
/* Page
-------------------------------------------------------------- */
#proposal .entry a {
text-decoration: underline !important;
background-color: #fff !important;
}
#proposal .entry a:hover: {
text-decoration:none !important;
}
.page {
font-size: 24px;
}
.page .entry {
max-width: 768px;
margin: 0 auto;
padding: 40px 0;
}
.page h1, .page h2 {
font-size: 60px;
margin:0 0 20px;
color: #CDCDCD;
}
.page .entry a {
display: inline-block;
padding:0 5px;
color:#666666;
background-color: #0F28D1;
text-decoration:none;
}
.page .entry p {
font-size: 24px;
margin:0 0 20px;
color: #666;
}
.page .entry p:last-of-type {
margin: 0;
}
.page .entry ul {
color: #666;
}
/* Blog
-------------------------------------------------------------- */
div.meta {
/* display:none; */
color:#7C7C7C;
}
div.meta span{
display:none;
}
.blog .post .meta a,
.archive .post .meta a{
display: inline;
text-decoration: underline;
color:#7C7C7C;
}
/* Blog Post
-------------------------------------------------------------- */
.blog .post ,
.archive .post{
width:50%;
float:left;
padding:40px;
font-size: 15px;
line-height: 1.3;
}
.blog .post img ,
.archive .post img {
-webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px 2px rgba(0,0,0,0.1);
clear:both;
height:auto;
width:100%;
margin-bottom: 10px;
filter: grayscale(50%);
-webkit-filter: grayscale(50%);
-webkit-transition : -webkit-filter 500ms linear;
}
.blog .post a:hover img,
.archive .post a:hover img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.blog .post a ,
.archive .post a {
display: block;
width:100%;
height:100%;
}
.blog .post p,
.archive .post p {
color: #3D3D3D;
}
.blog .post p a,
.archive .post p a {
display: inline !IMPORTANT;
padding:0 5px;
color:#666666;
background-color: #3D3D3D;
text-decoration:none;
}
.blog .post p a:hover ,
.archive .post p a:hover {
padding:0 5px;
color:#666666;
background-color: transparent;
text-decoration: none;
}
.blog .post h2,
.archive .post h2 {
font-size:24px;
font-weight:normal;
margin: 8px 0 12px;
color: #CDCDCD;
}
.blog .post p:last-of-type,
.archive .post p:last-of-type {
}.blog .post .meta ,
.archive .post .meta {
}
.blog .post.no_thumb .inner ,
.archive .post.no_thumb .inner {
/* padding:20px;*/
}
.blog .post.no_thumb .inner p,
.archive .post.no_thumb .inner p {
}
.blog .post .navigation ,
.archive .post .navigation { display:none; }
.next-posts { }
.prev-posts { }
#searchform { }
#s { }
.blog .post.status-draft , .archive .post.status-draft {
opacity:0.5;
}
/* Single
-------------------------------------------------------------- */
.single div.meta span{
display: inline;
}
.single .entry {
max-width: 700px;
margin:0 auto 40px;
}
.single .entry h1 {
color: #CDCDCD;
}
.single .entry a{
ddisplay: inline-block;
padding:0 5px;
color:#666666;
background-color: #0F28D1;
text-decoration:none;
}
.single header .bodyLeft .title {
display:none;
}
/* Gallery
-------------------------------------------------------------- */
.image_container ul{
margin: 40px 0;
}
ul .slide {
margin-bottom:40px;
}
ul .slide img{
width: 100%;
height:auto;
}
/* Comments
-------------------------------------------------------------- */
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { padding: 10px; }
ol.commentlist li.comment em.comment-awaiting-moderation { display: block;}
ol.commentlist li.comment div.comment-author { margin-bottom: 10px;}
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; margin-bottom: 10px;}
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }
form#commentform input[type="submit"] {margin-bottom: 30px;}
/* Header
-------------------------------------------------------------- */
header {
z-index:999;
font-size:18px;
position: fixed;
width: 100%;
color: #FFF;
}
header a {
color: #FFF;
}
header a:hover {
color: #FFF;
}
header .container {
position:relative;
padding:80px 40px 40px;
}
header .logo {
width: 162px;
height:23px;
background-size: 100%;
background-image: url(./images/logo.png);
background-image: url(./images/logo.svg);
float:left;
cursor:pointer;
}
#proposal header .logo {
background-position: 0 69px;
}
#proposal .stickyfooter a {
color: #666666;
background-color: transparent;
}
#proposal .bodyLeft .icon {
background-position: 0 64px;
}
#proposal .menu-petrov-container, body#proposal.left header {
background-color: #e9e9e9;
}
#proposal .menu-petrov-container a {
color:#666;
}
#proposal header {
/* background-color: rgba(255,255,255,0.75); */
}
#proposal .image_container {
margin-top:50px;
}
#proposal.page .entry p, #proposal li {
font-size: 21px;
line-height: 1.3em
}
header .logo a {
color:transparent;
display:block;
width:100%;
height:100%;
}
/*header .bodyLeft {
float:right;
cursor:pointer;
user-select: none;
-webkit-user-select: none;
position: relative;
text-transform: lowercase;
}
body.left .bodyLeft:after {
border-bottom: 2px solid white;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
}*/
header .bodyLeft {
float:right;
cursor:pointer;
user-select: none;
}
header .bodyLeft .icon
{
-webkit-user-select: none;
position: relative;
width: 20px;
height:16px;
background-size: 20px 96px;
background-position: 0 16px;
background-image: url(./images/sprite.png);
float: left;
}
.bodyLeft:hover .icon {
background-position: 0 48px;
}
header .bodyLeft .title {
font-size: 24px;
float: left;
margin: -6px 12px 0 0;
color:#3D3D3D;
}
body.left .bodyLeft, body.left .bodyLeft:hover {
background-position: 0 -16px;
}
body.left header {
background-color: #444444;
color: #E4E4E4;
}
body.left header .logo {
background-position: 0 0;
}
/************************************************************** */
.menu-petrov-container {
background-color: #444444;
height:0;
overflow: hidden;
-moz-transition: width 0.2s ease 0s;
-webkit-transition: width 0.2s ease 0s;
transition: width 0.2s ease 0s;
font-size: 60px;
}
.menu-petrov-container a {
color: #E4E4E4;
}
.menu-petrov-container a:hover {
color: #0F28D1;
opacity: 1;
}
header .menu-petrov-container ul {
width:100%;
padding: 40px;
}
header .menu-petrov-container ul li{
display: block;
margin: 0 0 20px;
text-align: center;
}
header .menu-petrov-container ul li.current-menu-item a {
color: #333333;
}
.menu-petrov-container ul.sub-menu {
}
body.left {
}
body.left .menu-petrov-container {
height:auto;
margin:0 0 40px;
}
/* Footer
-------------------------------------------------------------- */
.stickyfooter {
}
footer{
font-size: 15px;
text-align:left;
position: relative;
height: auto;
clear:both;
}
footer .container{
padding:40px;
}
.stickyfooter a {
display: inline-block;
padding:0 5px;
color:#666666;
background-color: #0F28D1;
text-decoration:none;
}
footer a:hover {
padding:0 5px;
color: #0F28D1;
background-color: transparent;
text-decoration: none;
}
/* Forms
-------------------------------------------------------------- */
.gform_wrapper {
width: 100% !important;
max-width: 800px !important;
margin:0 auto !important;
padding: 40px !important;
}
.gform_wrapper ul li.gfield {
margin: 0 0 20px !important;
}
.gform_wrapper ul li.column-one {
/*width:50% !important;*/
}
.gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title {
width: 100% !important;
}
.gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium {
width: 100% !important;
}
.gform_wrapper h3.gform_title {
letter-spacing: normal !important;
margin: 0 0 20px !important;
}
.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
font-weight: normal !important;
font-size: 60px !important;
}
.gform_wrapper .top_label .gfield_label {
font-weight: normal !important;
}
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {
font-size: 16px !important;
padding: 5px 2px 5px 2px;
letter-spacing: normal;
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: 100% !important;
border:none !important;
background-color:#CDCDCD !important;
font-size: 16px !important;
padding: 5px !important;
}
#proposal textarea {
font-size: 24px !important;
float: right !important;
background: transparent !important;
color: #666 !important;
border: solid 2px #ccc !important;
padding: 6px 10px !important;
background-color:#fff !important;
}
#proposal .gform_body {
text-align: center
}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea{
width: 100% !important;
border:none !important;
background-color:#CDCDCD !important;
font-size: 16px !important;
padding: 5px !important;
}
.gform_wrapper .gform_footer {
padding: 0 !important;
margin: 20px 0 0 !important;
}
#proposal .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
float: none !important;
text-align: center;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
font-size: 24px !important;
float: right !important;
background: #0F28D1;
color: #666 !important;
border: none !important;
padding: 6px 10px !important;
text-transform: lowercase !important;
cursor: pointer !important;
}
#proposal .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
font-size: 24px !important;
background: #fff;
color: #666 !important;
border: 2px solid #ccc !important;
padding: 6px 10px !important;
text-transform: lowercase !important;
cursor: pointer !important;
}
#proposal .gform_wrapper form {
text-align: center;
}
.gform_wrapper div.validation_error, .gform_wrapper .gfield_error .gfield_label, .gform_wrapper .validation_message {
color:#ccc !important;
border-color:#ccc !important;
}
.gform_wrapper span.gform_description {
font-weight: normal !important;
color: #3D3D3D;
}
.gform_wrapper .top_label .gfield_label {
font-weight: normal !important;
color: #3D3D3D;
margin: 0 0 10px !important;
line-height: 1 !important;
font-size: 24px !important;
}
.gform_wrapper .top_label .gfield_error {
width: 100% !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent !important;
margin-bottom: none !important;
padding: 0 !important;
border-top: none !important;
border-bottom: none !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
margin-top: 0 !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
margin: 0 !important;
padding: 0 !important;
margin-bottom: 0 !important;
padding-left: 0 !important;
}
.gform_wrapper div.validation_error {
font-size: 1em !important;
}
.gform_confirmation_message {
text-align: center;
max-width: 700px;
font-size: 60px;
margin: 0 auto;
}
/* form */
#gform_wrapper_1 {
position:relative;
}
/* heading */
.gform_heading{
position:relative;
font-size: 24px !important;
}
/* body */
.gform_body{
position:relative;
height:245px;
}
/* footer */
.gform_footer {
position: relative;
}
/* name */
#field_1_9 {
width:50%;
padding-right:40px;
position:absolute;
top:0;
left:0;
}
/* email */
#field_1_2 {
width:50%;
padding-right:40px;
position:absolute;
top:88px;
left:0;
}
/* phone */
#field_1_8 {
width:50%;
padding-right:40px;
position:absolute;
top:176px;
left:0;
}
/* message */
#field_1_4 {
width:50%;
position:absolute;
top:0;
right:16px;
}
#field_1_4 textarea.large {
height: 205px;
}
/* submit*/
#gform_submit_button_1 {
margin: -90px 16px 0 0;
}
div#input_1_10.ginput_container.ginput_recaptcha {
margin-top: 280px;
float: left;
}
#field_1_10 label {display:none;}
@media only screen
and (max-width : 640px) {
/* form */
#gform_wrapper_1 {
position:relative;
}
/* heading */
.gform_heading{
position:relative;
}
/* body */
.gform_body{
position:relative;
height:auto;
}
/* footer */
.gform_footer {
position: relative;
}
/* name */
#field_1_9 {
width:100%;
padding-right:0;
position: relative;
top:auto;
left:auto;
}
/* email */
#field_1_2 {
width:100%;
padding-right:0;
position: relative;
top:auto;
left:auto;
}
/* phone */
#field_1_8 {
width:100%;
padding-right:0;
position: relative;
top:auto;
left:auto;
}
/* message */
#field_1_4 {
width:100%;
position: relative;
top:auto;
right:auto;
}
/* submit*/
#gform_submit_button_1 {
margin: 0 16px 0 0;
}
div#input_1_10.ginput_container.ginput_recaptcha {
margin-top: 0;
float: none;
}
}
/* Rslides
--------------------------------------------------------------
not being used
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
vertical-align: bottom;
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.rslides_nav.prev{
position: absolute;
display: block;
background-image: url(./images/prev.png);
width: 60px;
height: 60px;
top: 50%;
left: 30px;
z-index: 66;
margin-top: -30px;
overflow: hidden;
color:transparent;
}
.rslides_nav.next{
position: absolute;
display: block;
background-image: url(./images/next.png);
width: 60px;
height: 60px;
top: 50%;
right: 30px;
z-index: 66;
margin-top: -30px;
overflow: hidden;
color:transparent;
}
*/
/* Image FX
-------------------------------------------------------------- */
img.grayscale {
filter: gray; /* IE6-9 ? ? ? that simple ? ?? */
-webkit-filter: saturate(0%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
}
img.grayscale:hover {
filter: none;
-webkit-filter: saturate(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
}
/* Responsive Structure 960
-------------------------------------------------------------- */
@media only screen
and (max-width : 960px) {
.blog .post ,
.archive .post{
width:50%;
}
}
/************************************************************** */
@media only screen
and (max-width : 640px) {
.blog .post ,
.archive .post{
width:100%;
float:none;
}
}
/************************************************************** */
@media only screen
and (max-width : 480px) {
#main .container {
padding:0 20px;
}
.page h1, .page h2 {
font-size: 42px;
}
.page .entry p, #proposal .page .entry p, #proposal .page .entry li {
font-size: 18px;
}
header .logo {
width: 140px;
height:20px;
}
div.title {
display:none;
}
#main .container.v2 {
padding:0 ;
}
#main .container {
margin-top: 60px;
}
#proposal header .logo {
background-position: 0 60px;
}
.blog .post ,
.archive .post{
padding:20px 20px 0;
}
header .container , footer .container, .gform_wrapper{
padding: 40px 20px !important;
}
}