html, body {
height: 100%; } .container-fluid, .col-md-10, .col-sm-9 { padding: 0; } .pre-container { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(assets/img/714.gif) center no-repeat #ffffff; } .hero { background: url("{{ root_url }}/assets/img/hero-background.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #ffffff; } .hero-content { width: 95%; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center; flex-direction: column; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; font-family: 'Raleway'; } .hero-content h1 { font-size: 8.2em; font-weight: 800; margin-bottom: 5px; } .hero-content h2 { font-size: 3.2em; font-weight: 800; margin-top: 0; } .vertical-center { min-height: 100%; min-height: 100vh; } .half-vertical-center { min-height: 50%; min-height: 50vh; } .half-vertical-center, .vertical-center { display: flex; align-items: center; justify-content: center; flex-direction: column; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; } .wrapper, .row { height: 100%; margin-left:0; margin-right:0; } .wrapper:before, .wrapper:after, .column:before, .column:after { content: ""; display: table; } .wrapper:after, .column:after { clear: both; } .column { height: 100%; overflow: auto; *zoom:1; } .column .padding { padding: 20px; } .box { bottom: 0; /* increase for footer use */ left: 0; position: absolute; right: 0; top: 0; } #main, .main { background-color:#eaeaed; padding-left:0; padding-right:0; } #sidebar { padding: 0; background-color: #ffffff; position: fixed; top: 0; bottom: 0; left: 0; z-index: 1000; display: block; } #sidebar, #sidebar a, #sidebar-footer a { padding-left:5px; } #sidebar .nav li>a:hover { color: #F15F79; background-color: #ffffff; /*-o-transition: all 0.9s; -ms-transition: all 0.9s; -moz-transition: all 0.9s; -webkit-transition: all 0.9s;*/ } #sidebar .nav li i { width: 20%; text-align: center; } #sidebar .nav li a{ border-bottom: 1px solid #ECF1F7; padding: 20px 0; text-transform: uppercase; font-weight: bold; color: #a3a9c3; } #sidebar-footer { position:absolute; bottom: 25px; width: 100%; margin-left: -5px; } #sidebar-footer a { color: #F15F79; } #sidebar-footer a:hover { color: #b24592; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } #sidebar-footer li { display: inline-block; width: 32%; text-align: center; } .new-posts-notification { background-color: #F15F79; font-size: 0.8em; color: #FFFFFF; margin-left: 5px; margin-top: -5px; padding: 1px 6px 2.5px 6px; position: absolute; border-radius: 50%; } #footer { margin-bottom:20px; } section.services, section.about, section.portfolio, section.blog-posts, section.contact { width: 95%; margin-left: auto; margin-right: auto; } section.services { padding: 50px 0; } section.about, section.portfolio, section.blog-posts, section.contact { padding: 25px 0 0 0; } section article h1 { font-family: 'Raleway'; font-size: 4.2em; color: #323232; margin-bottom: 15px; } section article p { line-height: 1.6em; font-size: 1.3em; color: #323232; margin-bottom: 25px; } section article ul li { line-height: 1.6em; font-size: 1.3em; } section article h1 span.new-article { background-color: red; color: #FFFFFF; font-size: 0.8em; } section article p:last-of-type { margin-bottom: 0; } section.blog-post .post ul li, section.blog-post .post ol li { line-height: 1.2em; font-size: 1.3em; color: #323232; margin-bottom: 25px; } section.services h1 { padding: 20px 0; } section.services h2 { font-family: 'Raleway'; font-size: 2.2em; color: #323232; padding: 20px 0; text-align: center; } section.services p.services-icon { text-align: center; color: #F15F79; } section.services p { text-align: justify; font-size: 1.3em; line-height: 1.6em; } section.process { background-image: url("{{ root_url }}/assets/img/process-background.jpg"); padding: 150px 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } section.process h1, section.process h2, section.process h3 { text-align: center; text-transform: uppercase; color: #ffffff; font-weight: 800; } section.process h3 { font-size: 1.4em; font-weight: 800; } footer { padding: 25px; } footer p { text-transform: uppercase; text-align: center; font-family: "Raleway"; color: #ababab; letter-spacing: 2px; } @media screen and (max-width: 768px) { .row-offcanvas { position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .row-offcanvas-left.active { left: 33%; } .row-offcanvas-left.active .sidebar-offcanvas { left: -33%; position: absolute; top: 0; width: 33%; margin-left: 5px; } .hero-content h1 { font-size: 4.2em; text-align: center; } .hero-content h2 { font-size: 2.2em; text-align: center; } #sidebar, #sidebar a, #sidebar-footer a { padding-right: 15px; } } @media screen and (max-width: 1200px) { #sidebar-footer { display: none; } } .np-row { padding: 25px 0; } section.blog-post { padding: 20px; } .highlight pre { background-color: #272822; border: none; } .highlight pre .lineno { color: #75715e; } .highlight .hll { background-color: #272822; } .highlight .c { color: #75715e } /* Comment */ .highlight .err { color: #960050; background-color: #1e0010 } /* Error */ .highlight .k { color: #66d9ef } /* Keyword */ .highlight .l { color: #ae81ff } /* Literal */ .highlight .n { color: #f8f8f2 } /* Name */ .highlight .o { color: #f92672 } /* Operator */ .highlight .p { color: #f8f8f2 } /* Punctuation */ .highlight .cm { color: #75715e } /* Comment.Multiline */ .highlight .cp { color: #75715e } /* Comment.Preproc */ .highlight .c1 { color: #75715e } /* Comment.Single */ .highlight .cs { color: #75715e } /* Comment.Special */ .highlight .ge { font-style: italic } /* Generic.Emph */ .highlight .gs { font-weight: bold } /* Generic.Strong */ .highlight .kc { color: #66d9ef } /* Keyword.Constant */ .highlight .kd { color: #66d9ef } /* Keyword.Declaration */ .highlight .kn { color: #f92672 } /* Keyword.Namespace */ .highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ .highlight .kr { color: #66d9ef } /* Keyword.Reserved */ .highlight .kt { color: #66d9ef } /* Keyword.Type */ .highlight .ld { color: #e6db74 } /* Literal.Date */ .highlight .m { color: #ae81ff } /* Literal.Number */ .highlight .s { color: #e6db74 } /* Literal.String */ .highlight .na { color: #a6e22e } /* Name.Attribute */ .highlight .nb { color: #f8f8f2 } /* Name.Builtin */ .highlight .nc { color: #a6e22e } /* Name.Class */ .highlight .no { color: #66d9ef } /* Name.Constant */ .highlight .nd { color: #a6e22e } /* Name.Decorator */ .highlight .ni { color: #f8f8f2 } /* Name.Entity */ .highlight .ne { color: #a6e22e } /* Name.Exception */ .highlight .nf { color: #a6e22e } /* Name.Function */ .highlight .nl { color: #f8f8f2 } /* Name.Label */ .highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .highlight .nx { color: #a6e22e } /* Name.Other */ .highlight .py { color: #f8f8f2 } /* Name.Property */ .highlight .nt { color: #f92672 } /* Name.Tag */ .highlight .nv { color: #f8f8f2 } /* Name.Variable */ .highlight .ow { color: #f92672 } /* Operator.Word */ .highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .highlight .mf { color: #ae81ff } /* Literal.Number.Float */ .highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ .highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ .highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ .highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ .highlight .sc { color: #e6db74 } /* Literal.String.Char */ .highlight .sd { color: #e6db74 } /* Literal.String.Doc */ .highlight .s2 { color: #e6db74 } /* Literal.String.Double */ .highlight .se { color: #ae81ff } /* Literal.String.Escape */ .highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ .highlight .si { color: #e6db74 } /* Literal.String.Interpol */ .highlight .sx { color: #e6db74 } /* Literal.String.Other */ .highlight .sr { color: #e6db74 } /* Literal.String.Regex */ .highlight .s1 { color: #e6db74 } /* Literal.String.Single */ .highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ .highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ .highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ .highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ .highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ .highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ .highlight .gh { } /* Generic Heading & Diff Header */ .highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */ .highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */ .highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */