Skip to content

W
wp-dscorp
Commit b02b7f87 by Pham Huy
Options

add homepage template, header, footer

parent f764aa1a
Showing with 777 additions and 4138 deletions
wp-content/themes/dscorp/footer.php
......@@ -10,60 +10,133 @@
*/
?>
</div><!-- .site-content -->
</main>
<!-- Main Content Section -->
<!-- Footer Section -->
<footer>
<div class="footer">
<div class="container">
<!-- Prefooter Section -->
<div class="row pre-footer">
<div class="col-md-4">
<div class="contact-box">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<div class="contact-details">
<h4 class="pre-footer-title">HEAD OFFICE</h4>
<p>PO Box 16122, Collins Street West,
<br> Victoria 8007 Australia </p>
</div>
</div>
</div>
<footer id="colophon" class="site-footer" role="contentinfo">
<?php if ( has_nav_menu( 'primary' ) ) : ?>
<nav class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Footer Primary Menu', 'twentysixteen' ); ?>">
<?php
wp_nav_menu(
array(
'theme_location' => 'primary',
'menu_class' => 'primary-menu',
)
);
?>
</nav><!-- .main-navigation -->
<?php endif; ?>
<div class="col-md-4">
<div class="contact-box">
<i class="fa fa-phone" aria-hidden="true"></i>
<div class="contact-details">
<h4 class="pre-footer-title">CALL US</h4>
<p>SUPPORT: 1800 425 4646
<br> OFFICE: +1 (253) 2587 220</p>
</div>
</div>
</div>
<?php if ( has_nav_menu( 'social' ) ) : ?>
<nav class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Footer Social Links Menu', 'twentysixteen' ); ?>">
<?php
wp_nav_menu(
array(
'theme_location' => 'social',
'menu_class' => 'social-links-menu',
'depth' => 1,
'link_before' => '<span class="screen-reader-text">',
'link_after' => '</span>',
)
);
?>
</nav><!-- .social-navigation -->
<?php endif; ?>
<div class="col-md-4">
<div class="contact-box">
<i class="fa fa-envelope" aria-hidden="true"></i>
<div class="contact-details">
<h4 class="pre-footer-title">EMAIL US</h4>
<p>hello@offshoreindustry.com
<br> sales@offshoreindustry.com </p>
</div>
</div>
</div>
</div>
<!-- Prefooter Section -->
<div class="site-info">
<?php
/**
* Fires before the twentysixteen footer text for footer customization.
*
* @since Twenty Sixteen 1.0
*/
do_action( 'twentysixteen_credits' );
?>
<span class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span>
<?php
if ( function_exists( 'the_privacy_policy_link' ) ) {
the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
}
?>
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentysixteen' ) ); ?>" class="imprint">
<?php printf( __( 'Proudly powered by %s', 'twentysixteen' ), 'WordPress' ); ?>
</a>
</div><!-- .site-info -->
</footer><!-- .site-footer -->
</div><!-- .site-inner -->
</div><!-- .site -->
<!-- Footer widgets -->
<div class="row widgets">
<div class="col-md-4 col-sm-6">
<div class="about-txt widget">
<img src="<?php echo get_template_directory_uri();?>/images/footer-logo.png" alt="logo" />
<p>Collaboratively deliver partnerships progressive alignments. Assertively premier supply chains before emerging solutions. Monetize high-payoff action items before wireless internal or "organic" sources exceptional action items. </p>
<div class="widgets-social">
<a href="#"> <i class="fa fa-facebook" aria-hidden="true"></i> </a>
<a href="#"> <i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"> <i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="#"> <i class="fa fa-instagram" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="col-md-2 col-sm-6">
<div class="quick-links widget">
<h2 class="widget-title">QUICK LINKS</h2>
<ul>
<li> <a href="#"> Careers </a> </li>
<li> <a href="#"> Contact </a> </li>
<li> <a href="#"> Market Info </a> </li>
<li> <a href="#"> Technology </a> </li>
<li> <a href="#"> Latest News </a> </li>
</ul>
</div>
</div>
<div class="spacer-50 visible-sm"></div>
<div class="col-md-3 col-sm-6">
<div class="our-services widget">
<h2 class="widget-title">OUR SERVICES</h2>
<ul>
<li> <a href="#"> Chemicals &amp; Commercial Fuels </a> </li>
<li> <a href="#"> Aviation Fuels &amp; Marine Fuels </a> </li>
<li> <a href="#"> Lubricants Services </a> </li>
<li> <a href="#"> Liquified Petrolium Gas </a> </li>
<li> <a href="#"> Shell Sulphur, Trading &amp; Supply </a> </li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="newsletter widget">
<h2 class="widget-title">Newsletter</h2>
<p>Subscribe to our newsletters to receive latest news and updates.</p>
<!-- ============= Mailchimp Subscribe Form ============= -->
<form action="php/subscribe.php" id="subscribeform" method="post">
<div class="form-group">
<input type="email" id="email" name="email" placeholder="Enter your email" class="form-control" title="Please enter your email" data-msg-email="Please enter a valid email">
</div>
<button type="submit" class="btn btn-block" id="js-subscribe-btn"> Subscribe Now! </button>
<div id="js-subscribe-result" data-success-msg="Done. Subscribed" data-error-msg="Oops. Error!"></div>
</form>
</div>
</div>
</div>
<!-- Footer widgets -->
</div>
</div>
<!-- Copyright -->
<div class="copyright">
<div class="container">
<div class="row copyright-bar">
<div class="col-md-6">
<p>Copyright © 2016 Offshore Industries. All rights reserved.</p>
</div>
<div class="col-md-6 text-right">
<p> <a href="#"> Terms of use</a> <a href="#">Privacy Policy</a> <span> | </span> Made with <i class="fa fa-heart" aria-hidden="true"></i> by Surjith S M </p>
</div>
</div>
</div>
</div>
<!-- Copyright -->
</footer>
<!-- Footer Section -->
<!-- back-to-top link -->
<a href="#0" class="cd-top"> Top </a>
</main>
<!-- Main Content Section -->
<?php wp_footer(); ?>
</body>
......
wp-content/themes/dscorp/functions.php
......@@ -587,9 +587,10 @@ function dscorp_style() {
*/
wp_register_style( 'main-bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css', 'all' );
wp_register_style( 'main-style', get_template_directory_uri() . '/css/dscorp-style.css', 'all' );
wp_register_style( 'flexslider', get_template_directory_uri() . '/css/flexslider.css', 'all' );
wp_register_style( 'owl-carousel', get_template_directory_uri() . '/css/owl.carousel.min.css', 'all' );
wp_register_style( 'owl-theme', get_template_directory_uri() . '/css/owl.theme.min.css', 'all' );
wp_register_style( 'flexslider', get_template_directory_uri() . '/css/flexslider.css', 'all' );
wp_register_style( 'font-awesome', get_template_directory_uri() . '/fonts/font-awesome/css/font-awesome.min.css', 'all' );
wp_register_style( 'style-dscorp', get_template_directory_uri() . '/css/style.css', 'all' );
wp_register_script('main-jquery', get_template_directory_uri() . '/js/jquery.min.js', array('jquery'),'3.3', true);
......@@ -598,7 +599,6 @@ function dscorp_style() {
wp_register_script('contact-js', get_template_directory_uri() . '/js/contact.js', array('jquery'),'3.3', true);
wp_register_script('jquery-counterup', get_template_directory_uri() . '/js/jquery.counterup.min.js', array('jquery'),'3.3', true);
wp_register_script('jquery-flexslider', get_template_directory_uri() . '/js/jquery.flexslider-min.js', array('jquery'),'3.3', true);
wp_register_script('maps-js', get_template_directory_uri() . '/js/maps.js', array('jquery'),'3.3', true);
wp_register_script('owlcarousel-js', get_template_directory_uri() . '/js/owl.carousel.min.js', array('jquery'),'3.3', true);
wp_register_script('subscribe-js', get_template_directory_uri() . '/js/subscribe.js', array('jquery'),'3.3', true);
wp_register_script('validate-js', get_template_directory_uri() . '/js/validate.js', array('jquery'),'3.3', true);
......@@ -610,6 +610,7 @@ function dscorp_style() {
wp_enqueue_style( 'owl-carousel' );
wp_enqueue_style( 'owl-theme' );
wp_enqueue_style( 'flexslider' );
wp_enqueue_style( 'font-awesome' );
wp_enqueue_style( 'style-dscorp' );
wp_enqueue_script( 'main-jquery' );
......@@ -618,7 +619,6 @@ function dscorp_style() {
wp_enqueue_script( 'contact-js' );
wp_enqueue_script( 'jquery-counterup' );
wp_enqueue_script( 'jquery-flexslider' );
wp_enqueue_script( 'maps-js' );
wp_enqueue_script( 'owlcarousel-js' );
wp_enqueue_script( 'subscribe-js' );
wp_enqueue_script( 'validate-js' );
......
wp-content/themes/dscorp/header.php
......@@ -23,84 +23,113 @@
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div id="page" class="site">
<div class="site-inner">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentysixteen' ); ?></a>
<!-- Preloader -->
<div class="loader-wrapper">
<div class="sk-cube-grid">
<div class="sk-cube sk-cube1"></div>
<div class="sk-cube sk-cube2"></div>
<div class="sk-cube sk-cube3"></div>
<div class="sk-cube sk-cube4"></div>
<div class="sk-cube sk-cube5"></div>
<div class="sk-cube sk-cube6"></div>
<div class="sk-cube sk-cube7"></div>
<div class="sk-cube sk-cube8"></div>
<div class="sk-cube sk-cube9"></div>
</div>
</div>
<header id="masthead" class="site-header" role="banner">
<div class="site-header-main">
<div class="site-branding">
<?php twentysixteen_the_custom_logo(); ?>
<!-- Page Wrapper -->
<div class="wrapper">
<?php if ( is_front_page() && is_home() ) : ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php else : ?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php
endif;
<!-- Header Section -->
<header>
<div class="header-area">
$description = get_bloginfo( 'description', 'display' );
if ( $description || is_customize_preview() ) :
?>
<p class="site-description"><?php echo $description; ?></p>
<?php endif; ?>
</div><!-- .site-branding -->
<?php if ( has_nav_menu( 'primary' ) || has_nav_menu( 'social' ) ) : ?>
<button id="menu-toggle" class="menu-toggle"><?php _e( 'Menu', 'twentysixteen' ); ?></button>
<div id="site-header-menu" class="site-header-menu">
<?php if ( has_nav_menu( 'primary' ) ) : ?>
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'twentysixteen' ); ?>">
<?php
wp_nav_menu(
array(
'theme_location' => 'primary',
'menu_class' => 'primary-menu',
)
);
?>
</nav><!-- .main-navigation -->
<?php endif; ?>
<!-- Top Contact Info -->
<div class="row logo-top-info">
<div class="container">
<div class="col-md-3 logo">
<!-- Main Logo -->
<a href="index.html"><?php twentysixteen_the_custom_logo(); ?></a>
<!-- Responsive Toggle Menu -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
<span class="sr-only"> Main Menu </span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="col-md-9 top-info-social">
<div class="pull-right">
<div class="top-info">
<div class="call">
<h3> CALL US </h3>
<p> 1800 425 4646 </p>
</div>
<div class="email">
<h3> EMAIL US </h3>
<p> info@offshoreinsustry.com </p>
</div>
<div class="market">
<h3> MARKET </h3>
<p> 256.78 <span class="forex"> <i class="fa fa-caret-up" aria-hidden="true"></i> + 4.26 </span> </p>
</div>
</div>
<div class="social">
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<?php if ( has_nav_menu( 'social' ) ) : ?>
<nav id="social-navigation" class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'twentysixteen' ); ?>">
<?php
wp_nav_menu(
array(
'theme_location' => 'social',
'menu_class' => 'social-links-menu',
'depth' => 1,
'link_before' => '<span class="screen-reader-text">',
'link_after' => '</span>',
)
);
?>
</nav><!-- .social-navigation -->
<?php endif; ?>
</div><!-- .site-header-menu -->
<?php endif; ?>
</div><!-- .site-header-main -->
<?php if ( get_header_image() ) : ?>
<?php
/**
* Filter the default twentysixteen custom header sizes attribute.
*
* @since Twenty Sixteen 1.0
*
* @param string $custom_header_sizes sizes attribute
* for Custom Header. Default '(max-width: 709px) 85vw,
* (max-width: 909px) 81vw, (max-width: 1362px) 88vw, 1200px'.
*/
$custom_header_sizes = apply_filters( 'twentysixteen_custom_header_sizes', '(max-width: 709px) 85vw, (max-width: 909px) 81vw, (max-width: 1362px) 88vw, 1200px' );
?>
<div class="header-image">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
<img src="<?php header_image(); ?>" srcset="<?php echo esc_attr( wp_get_attachment_image_srcset( get_custom_header()->attachment_id ) ); ?>" sizes="<?php echo esc_attr( $custom_header_sizes ); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
</a>
</div><!-- .header-image -->
<?php endif; // End header image check. ?>
</header><!-- .site-header -->
<!-- Main Navigation Section -->
<nav id="navbar" class="collapse navbar-collapse main-menu">
<div class="container">
<ul class="main-menu">
<li class="active"> <a href="index.html"> Home </a></li>
<li class="dropdown"> <a href="#" data-toggle="dropdown"> About
<i class="fa fa-chevron-down dropdown-toggle"> </i> </a>
<ul>
<li> <a href="about.html"> The Company </a> </li>
<li> <a href="mission.html"> Vision &amp; Mission </a> </li>
<li> <a href="approach.html"> Our Approach </a> </li>
<li> <a href="leaders.html"> Our Team </a> </li>
</ul>
</li>
<li class="dropdown"><a href="#" data-toggle="dropdown"> Services
<i class="fa fa-chevron-down dropdown-toggle"> </i> </a>
<ul>
<li> <a href="services.html"> Services List </a> </li>
<li> <a href="services-list.html"> Services List Fullwidth </a> </li>
<li> <a href="services-single.html"> Services Single </a> </li>
<li> <a href="services-full-width.html"> Services Full Width </a> </li>
</ul>
</li>
<li><a href="technology.html"> Technology </a> </li>
<li><a href="blog.html"> News &amp; Media </a> </li>
<li class="dropdown"> <a href="#" data-toggle="dropdown"> Pages
<i class="fa fa-chevron-down dropdown-toggle"> </i> </a>
<ul>
<li> <a href="blog.html"> Blog </a> </li>
<li> <a href="blog-single.html"> Blog Single </a> </li>
<li> <a href="careers-single.html"> Careers Single </a> </li>
<li> <a href="shortcodes.html"> Shortcodes </a> </li>
<li> <a href="404.html"> 404 page </a> </li>
<li> <a href="blank-page.html"> Blank Page </a> </li>
</ul>
</li>
<li><a href="careers.html"> CAREERS </a> </li>
<li><a href="contact.html"> CONTACT </a> </li>
</ul>
</div>
</nav>
</div>
</header>
<div id="content" class="site-content">
<!-- Main Content Section -->
<main class="main">
wp-content/themes/dscorp/style.css
/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
* Table of Contents
*
* 1.0 - Normalize
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigation
* 6.1 - Links
* 6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Widgets
* 11.0 - Content
* 11.1 - Header
* 11.2 - Posts and pages
* 11.3 - Post Formats
* 11.4 - Comments
* 11.5 - Sidebar
* 11.6 - Footer
* 12.0 - Media
* 12.1 - Captions
* 12.2 - Galleries
* 13.0 - Multisite
* 14.0 - Media Queries
* 14.1 - >= 710px
* 14.2 - >= 783px
* 14.3 - >= 910px
* 14.4 - >= 985px
* 14.5 - >= 1200px
* 15.0 - Print
*/
/**
* 1.0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
/**
* 2.0 - Genericons
*/
.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
/**
* 3.0 - Typography
*/
body,
button,
input,
select,
textarea {
color: #1a1a1a;
font-family: Merriweather, Georgia, serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
margin: 0;
text-rendering: optimizeLegibility;
}
p {
margin: 0 0 1.75em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
border: 0 solid #1a1a1a;
border-left-width: 4px;
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
font-style: italic;
line-height: 1.4736842105;
margin: 0 0 1.4736842105em;
overflow: hidden;
padding: 0 0 0 1.263157895em;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote p {
margin-bottom: 1.4736842105em;
}
blockquote cite,
blockquote small {
color: #1a1a1a;
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
blockquote cite:before,
blockquote small:before {
content: "\2014\00a0";
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
blockquote > :last-child {
margin-bottom: 0;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}
abbr,
acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
mark,
ins {
background: #007acc;
color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;
}
big {
font-size: 125%;
}
/**
* 4.0 - Elements
*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #1a1a1a;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}
ul,
ol {
margin: 0 0 1.75em 1.25em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
margin-left: 1.5em;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}
del {
opacity: 0.8;
}
table,
th,
td {
border: 1px solid #d1d1d1;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 0.4375em;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
:-moz-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
::-moz-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
/**
* 5.0 - Forms
*/
input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: #fff;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
padding: 0.84375em 0.875em 0.78125em;
text-transform: uppercase;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #007acc;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: thin dotted;
outline-offset: -4px;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
background: #f7f7f7;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #686868;
padding: 0.625em 0.4375em;
width: 100%;
}
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
background-color: #fff;
border-color: #007acc;
color: #1a1a1a;
outline: 0;
}
.post-password-form {
margin-bottom: 1.75em;
}
.post-password-form label {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 1.75em;
text-transform: uppercase;
}
.post-password-form input[type="password"] {
margin-top: 0.4375em;
}
.post-password-form > :last-child {
margin-bottom: 0;
}
.search-form {
position: relative;
}
input[type="search"].search-field {
border-radius: 2px 0 0 2px;
width: -webkit-calc(100% - 42px);
width: calc(100% - 42px);
}
.search-submit:before {
content: "\f400";
font-size: 24px;
left: 2px;
line-height: 42px;
position: relative;
width: 40px;
}
.search-submit {
border-radius: 0 2px 2px 0;
bottom: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 42px;
}
/**
* 6.0 - Navigation
*/
/**
* 6.1 - Links
*/
a {
color: #007acc;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #686868;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
box-shadow: 0 1px 0 0 currentColor;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
box-shadow: none;
}
/**
* 6.2 - Menus
*/
.site-header-menu {
display: none;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin: 0.875em 0;
}
.site-header-menu.toggled-on,
.no-js .site-header-menu {
display: block;
}
.main-navigation {
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
.site-footer .main-navigation {
margin-bottom: 1.75em;
}
.main-navigation ul {
list-style: none;
margin: 0;
}
.main-navigation li {
border-top: 1px solid #d1d1d1;
position: relative;
}
.main-navigation a {
color: #1a1a1a;
display: block;
line-height: 1.3125;
outline-offset: -1px;
padding: 0.84375em 0;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #007acc;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
font-weight: 700;
}
.main-navigation ul ul {
display: none;
margin-left: 0.875em;
}
.no-js .main-navigation ul ul {
display: block;
}
.main-navigation ul .toggled-on {
display: block;
}
.main-navigation .primary-menu {
border-bottom: 1px solid #d1d1d1;
}
.main-navigation .menu-item-has-children > a {
margin-right: 56px;
}
.dropdown-toggle {
background-color: transparent;
border: 0;
border-radius: 0;
color: #1a1a1a;
content: "";
height: 48px;
padding: 0;
position: absolute;
right: 0;
text-transform: none;
top: 0;
width: 48px;
}
.dropdown-toggle:after {
border: 0 solid #d1d1d1;
border-left-width: 1px;
content: "\f431";
font-size: 24px;
left: 1px;
position: relative;
width: 48px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background-color: transparent;
color: #007acc;
}
.dropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
}
.dropdown-toggle:focus:after {
border-color: transparent;
}
.dropdown-toggle.toggled-on:after {
content: "\f432";
}
.site-header .main-navigation + .social-navigation {
margin-top: 1.75em;
}
.site-footer .social-navigation {
margin-bottom: 1.75em;
}
.social-navigation ul {
list-style: none;
margin: 0 0 -0.4375em;
}
.social-navigation li {
float: left;
margin: 0 0.4375em 0.4375em 0;
}
.social-navigation a {
border: 1px solid #d1d1d1;
border-radius: 50%;
color: #1a1a1a;
display: block;
height: 35px;
position: relative;
width: 35px;
}
.social-navigation a:before {
content: "\f415";
height: 33px;
line-height: 33px;
text-align: center;
width: 33px;
}
.social-navigation a:hover:before,
.social-navigation a:focus:before {
color: #007acc;
}
.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}
.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f203";
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}
.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}
.social-navigation a[href*="github.com"]:before {
content: "\f200";
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f215";
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f208";
}
.social-navigation a[href*="path.com"]:before {
content: "\f219";
}
.social-navigation a[href*="pinterest.com"]:before {
content: "\f210";
}
.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}
.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}
.social-navigation a[href*="skype.com"]:before {
content: "\f220";
}
.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f202";
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}
.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f213";
}
.social-navigation a[href^="mailto:"]:before {
content: "\f410";
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}
.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
}
.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}
.post-navigation {
border-top: 4px solid #1a1a1a;
border-bottom: 4px solid #1a1a1a;
clear: both;
font-family: Montserrat, "Helvetica Neue", sans-serif;
margin: 0 7.6923% 3.5em;
}
.post-navigation a {
color: #1a1a1a;
display: block;
padding: 1.75em 0;
}
.post-navigation span {
display: block;
}
.post-navigation .meta-nav {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.post-navigation .post-title {
display: inline;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
color: #007acc;
}
.post-navigation div + div {
border-top: 4px solid #1a1a1a;
}
.pagination {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 19px;
font-size: 1.1875rem;
margin: 0 7.6923% 2.947368421em;
min-height: 56px;
position: relative;
}
.pagination:before,
.pagination:after {
background-color: #1a1a1a;
content: "";
height: 52px;
position: absolute;
top:0;
width: 52px;
z-index: 0;
}
.pagination:before {
right: 0;
}
.pagination:after {
right: 54px;
}
.pagination a:hover,
.pagination a:focus {
color: #1a1a1a;
}
.pagination .nav-links {
padding-right: 106px;
position: relative;
}
.pagination .nav-links:before,
.pagination .nav-links:after {
color: #fff;
font-size: 32px;
line-height: 51px;
opacity: 0.3;
position: absolute;
width: 52px;
z-index: 1;
}
.pagination .nav-links:before {
content: "\f429";
right: -1px;
}
.pagination .nav-links:after {
content: "\f430";
right: 55px;
}
/* reset screen-reader-text */
.pagination .current .screen-reader-text {
position: static !important;
}
.pagination .page-numbers {
display: none;
letter-spacing: 0.013157895em;
line-height: 1;
margin: 0 0.7368421053em 0 -0.7368421053em;
padding: 0.8157894737em 0.7368421053em 0.3947368421em;
text-transform: uppercase;
}
.pagination .current {
display: inline-block;
font-weight: 700;
}
.pagination .prev,
.pagination .next {
background-color: #1a1a1a;
color: #fff;
display: inline-block;
height: 52px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 52px;
z-index: 2;
}
.pagination .prev:before,
.pagination .next:before {
font-size: 32px;
height: 53px;
line-height: 52px;
position: relative;
width: 53px;
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
background-color: #007acc;
color: #fff;
}
.pagination .prev:focus,
.pagination .next:focus {
outline: 0;
}
.pagination .prev {
right: 54px;
}
.pagination .prev:before {
content: "\f430";
left: -1px;
top: -1px;
}
.pagination .next {
right: 0;
}
.pagination .next:before {
content: "\f429";
right: -1px;
top: -1px;
}
.image-navigation,
.comment-navigation {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin: 0 7.6923% 2.1538461538em;
padding: 1.0769230769em 0;
}
.comment-navigation {
margin-right: 0;
margin-left: 0;
}
.comments-title + .comment-navigation {
border-bottom: 0;
margin-bottom: 0;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
/**
* 7.0 - Accessibility
*/
/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap: normal !important;
}
/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 700;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
font-family: "Open Sans", sans-serif;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
/**
* 8.0 - Alignments
*/
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
margin-bottom: 1.473684211em;
}
/**
* 9.0 - Clearings
*/
.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
content: "";
display: table;
}
.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
clear: both;
}
/**
* 10.0 - Widgets
*/
.widget {
border-top: 4px solid #1a1a1a;
margin-bottom: 3.5em;
padding-top: 1.75em;
}
.widget-area > :last-child,
.widget > :last-child {
margin-bottom: 0;
}
.widget .widget-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 16px;
font-size: 1rem;
letter-spacing: 0.046875em;
line-height: 1.3125;
margin: 0 0 1.75em;
text-transform: uppercase;
}
.widget .widget-title:empty {
margin-bottom: 0;
}
.widget-title a {
color: #1a1a1a;
}
/* Calendar widget */
.widget.widget_calendar table {
margin: 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.5625;
padding: 0;
text-align: center;
}
.widget_calendar caption {
font-weight: 900;
margin-bottom: 1.75em;
}
.widget_calendar tbody a {
background-color: #007acc;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #686868;
color: #fff;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_recent_entries li:last-child .post-date {
margin-bottom: 0;
}
/* RSS widget */
.widget_rss .rsswidget img {
margin-top: -0.375em;
}
.widget_rss .rss-date,
.widget_rss cite {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-style: normal;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 2.1538461538em;
}
.widget_rss li:last-child :last-child {
margin-bottom: 0;
}
/* Tag Cloud widget */
.tagcloud a {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
line-height: 1;
margin: 0 0.1875em 0.4375em 0;
padding: 0.5625em 0.4375em 0.5em;
}
.tagcloud ul {
list-style-type: none;
margin-left: 0;
}
.tagcloud ul li {
display: inline-block;
}
.tagcloud a:hover,
.tagcloud a:focus {
border-color: #007acc;
color: #007acc;
outline: 0;
}
/**
* 11.0 - Content
*/
.site {
background-color: #fff;
}
.site-inner {
margin: 0 auto;
max-width: 1320px;
position: relative;
}
.site-content {
word-wrap: break-word;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
.site-main {
margin-bottom: 3.5em;
}
.site-main > :last-child {
margin-bottom: 0;
}
/**
* 11.1 - Header
*/
.site-header {
padding: 2.625em 7.6923%;
}
.site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-branding {
margin: 0.875em auto 0.875em 0;
/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
max-width: 100%;
min-width: 0;
overflow: hidden;
}
.custom-logo-link {
display: block;
}
.custom-logo {
max-width: 180px;
}
.site-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
margin: 0;
}
.site-branding .site-title a {
color: #1a1a1a;
}
.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
color: #007acc;
}
.wp-custom-logo .site-title {
margin-top: 0.608695652em;
}
.site-description {
color: #686868;
display: none;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1.0769230769;
margin: 0.538461538em 0 0;
}
.menu-toggle {
background-color: transparent;
border: 1px solid #d1d1d1;
color: #1a1a1a;
font-size: 13px;
font-size: 0.8125rem;
margin: 1.076923077em 0;
padding: 0.769230769em;
}
.no-js .menu-toggle {
display: none;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
border-color: #007acc;
color: #007acc;
}
.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.menu-toggle:focus {
outline: 0;
}
.menu-toggle.toggled-on:focus {
outline: thin dotted;
}
.header-image {
clear: both;
margin: 0.875em 0;
}
.header-image a {
display: block;
}
.header-image a:hover img,
.header-image a:focus img {
opacity: 0.85;
}
/**
* 11.2 - Posts and pages
*/
.site-main > article {
margin-bottom: 3.5em;
position: relative;
}
.entry-header,
.entry-summary,
.entry-content,
.entry-footer,
.page-content {
margin-right: 7.6923%;
margin-left: 7.6923%;
}
.entry-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.25;
margin-bottom: 1em;
}
.entry-title a {
color: #1a1a1a;
}
.entry-title a:hover,
.entry-title a:focus {
color: #007acc;
}
.post-thumbnail {
display: block;
margin: 0 7.6923% 1.75em;
}
.post-thumbnail img {
display: block;
}
.no-sidebar .post-thumbnail img {
margin: 0 auto;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
opacity: 0.85;
}
.entry-content,
.entry-summary {
border-color: #d1d1d1;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.4736842105em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-top: 3.5em;
margin-bottom: 1.75em;
}
.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
letter-spacing: 0.140625em;
text-transform: uppercase;
}
.entry-content h6,
.entry-summary h6,
.comment-content h6,
.textwidget h6 {
font-style: italic;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-weight: 900;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
margin-top: 0;
}
.post-navigation .post-title,
.entry-title,
.comments-title {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
body:not(.search-results) .entry-summary {
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.4736842105;
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.736842105em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.4736842105em;
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary blockquote {
border-color: currentColor;
}
body:not(.search-results) .entry-summary blockquote > :last-child {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.4736842105em;
}
.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
margin-bottom: 0;
}
.more-link {
white-space: nowrap;
}
.author-info {
border-color: inherit;
border-style: solid;
border-width: 1px 0 1px 0;
clear: both;
padding-top: 1.75em;
padding-bottom: 1.75em;
}
.author-avatar .avatar {
float: left;
height: 42px;
margin: 0 1.75em 1.75em 0;
width: 42px;
}
.author-description > :last-child {
margin-bottom: 0;
}
.entry-content .author-title {
clear: none;
font-size: 16px;
font-size: 1rem;
font-weight: 900;
line-height: 1.75;
margin: 0;
}
.author-bio {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
overflow: hidden;
}
.author-link {
white-space: nowrap;
}
.entry-footer {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-top: 2.1538461538em;
}
.entry-footer:empty {
margin: 0;
}
.entry-footer a {
color: #686868;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: #007acc;
}
.entry-footer > span:not(:last-child):after {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.entry-footer .avatar {
height: 21px;
margin: -0.1538461538em 0.5384615385em 0 0;
width: 21px;
}
.sticky-post {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
/**
* IE8 and earlier will drop any block with CSS3 selectors.
* Do not combine these styles with the next block.
*/
.updated:not(.published) {
display: none;
}
.sticky .posted-on,
.byline {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-header {
border-top: 4px solid #1a1a1a;
margin: 0 7.6923% 3.5em;
padding-top: 1.75em;
}
body.error404 .page-header,
body.search-no-results .page-header {
border-top: 0;
padding-top: 0;
}
.page-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
}
.taxonomy-description {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.taxonomy-description p {
margin: 0.5384615385em 0 1.6153846154em;
}
.taxonomy-description > :last-child {
margin-bottom: 0;
}
.page-links {
clear: both;
font-family: Montserrat, "Helvetica Neue", sans-serif;
margin: 0 0 1.75em;
}
.page-links a,
.page-links > span {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
}
.page-links a {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.page-links a:hover,
.page-links a:focus {
background-color: #007acc;
border-color: transparent;
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #1a1a1a;
height: auto;
margin: 0;
padding-right: 0.6153846154em;
width: auto;
}
.entry-attachment {
margin-bottom: 1.75em;
}
.entry-caption {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 1.0769230769em;
}
.entry-caption > :last-child {
margin-bottom: 0;
}
.content-bottom-widgets {
margin: 0 7.6923%;
}
.content-bottom-widgets .widget-area {
margin-bottom: 3.5em;
}
/**
* 11.3 - Post Formats
*/
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.473684211;
margin-bottom: 1.473684211em;
}
.blog .format-status .entry-title,
.archive .format-status .entry-title {
display: none;
}
/**
* 11.4 - Comments
*/
.comments-area {
margin: 0 7.6923% 3.5em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.3125;
padding-top: 1.217391304em;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #d1d1d1;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
margin-bottom: 0.4375em;
}
.comment-author .avatar {
float: left;
height: 28px;
margin-right: 0.875em;
position: relative;
width: 28px;
}
.bypostauthor > article .fn:after {
content: "\f304";
left: 3px;
position: relative;
top: 5px;
}
.comment-metadata,
.pingback .edit-link {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 2.1538461538em;
}
.comment-metadata a,
.pingback .comment-edit-link {
color: #686868;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
color: #007acc;
}
.comment-metadata .edit-link,
.pingback .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #007acc;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
margin-top: 2.1538461538em;
padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #007acc;
outline: 0;
}
.comment-form {
padding-top: 1.75em;
}
.comment-form label {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
}
.form-submit {
margin-bottom: 0;
}
.required {
color: #007acc;
font-family: Merriweather, Georgia, serif;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
color: #1a1a1a;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -5px;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
font-family: Merriweather, Georgia, serif;
letter-spacing: 0;
text-transform: none;
}
/**
* 11.5 - Sidebar
*/
.sidebar {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
/**
* 11.6 - Footer
*/
.site-footer {
padding: 0 7.6923% 1.75em;
}
.site-info {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.site-info a {
color: #686868;
}
.site-info a:hover,
.site-info a:focus {
color: #007acc;
}
.site-footer .site-title {
font-family: inherit;
font-size: inherit;
font-weight: 400;
}
.site-footer .site-title:after {
content: "\002f";
display: inline-block;
font-family: Montserrat, sans-serif;
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}
.site-footer span[role=separator] {
font-family: Montserrat, sans-serif;
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}
.site-footer span[role=separator]::before {
content: '\002f';
}
/**
* 12.0 - Media
*/
.site .avatar {
border-radius: 50%;
}
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
display: block;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
margin-bottom: 1.75em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
box-shadow: none;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
margin-top: 0;
margin-bottom: 1.75em;
}
.wp-playlist.wp-audio-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 0.7142857143em 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 0.7142857143em;
}
/**
* 12.1 - Captions
*/
.wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
/**
* 12.2 - Galleries
*/
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 13.0 - Multisites
*/
.widecolumn {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
.widecolumn .mu_register {
width: auto;
}
.widecolumn .mu_register .mu_alert {
background: transparent;
border-color: #d1d1d1;
color: inherit;
margin-bottom: 3.5em;
padding: 1.75em;
}
.widecolumn form,
.widecolumn .mu_register form {
margin-top: 0;
}
.widecolumn h2 {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 900;
line-height: 1.2173913043;
margin-bottom: 1.2173913043em;
}
.widecolumn p {
margin: 1.75em 0;
}
.widecolumn p + h2 {
margin-top: 2.4347826087em;
}
.widecolumn label,
.widecolumn .mu_register label {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
text-transform: uppercase;
}
.widecolumn .mu_register label {
margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}
.widecolumn .mu_register label strong {
font-weight: 400;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 16px;
font-size: 1rem;
width: 100%;
}
.widecolumn .mu_register #blogname {
margin: 0;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.375em;
}
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 16px;
font-size: 1rem;
margin: 0;
width: auto;
}
.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
font-size: inherit;
}
.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
margin-bottom: 0;
}
/**
* 14.0 - Media Queries
*/
/**
* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/**
* 14.1 - >= 710px
*/
@media screen and (min-width: 44.375em) {
body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
background: inherit;
content: "";
display: block;
height: 21px;
left: 0;
position: fixed;
width: 100%;
z-index: 99;
}
body:not(.custom-background-image):before {
top: 0;
}
body:not(.custom-background-image).admin-bar:before {
top: 46px;
}
body:not(.custom-background-image):after {
bottom: 0;
}
.site {
margin: 21px;
}
.site-main {
margin-bottom: 5.25em;
}
.site-header {
padding: 3.9375em 7.6923%;
}
.site-branding {
margin-top: 1.3125em;
margin-bottom: 1.3125em;
}
.custom-logo {
max-width: 210px;
}
.site-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
.wp-custom-logo .site-title {
margin-top: 0.5em;
}
.site-description {
display: block;
}
.menu-toggle {
font-size: 16px;
font-size: 1.0rem;
margin: 1.3125em 0;
padding: 0.8125em 0.875em 0.6875em;
}
.site-header-menu {
margin: 1.3125em 0;
}
.site-header .main-navigation + .social-navigation {
margin-top: 2.625em;
}
.header-image {
margin: 1.3125em 0;
}
.pagination {
margin: 0 23.0769% 4.421052632em 7.6923%
}
.post-navigation {
margin-bottom: 5.25em;
}
.post-navigation .post-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
/* restore screen-reader-text */
.pagination .current .screen-reader-text {
position: absolute !important;
}
.pagination .page-numbers {
display: inline-block;
}
.site-main > article {
margin-bottom: 5.25em;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 23.0769%;
}
.entry-title {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-bottom: 0.8484848485em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
.entry-content blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote,
.comment-content blockquote {
margin-left: -1.473684211em;
}
.entry-content blockquote blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote blockquote,
.comment-content blockquote blockquote {
margin-left: 0;
}
.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
margin-left: 0;
}
.entry-content li > ul,
.entry-summary li > ul,
.comment-content li > ul,
.entry-content blockquote > ul,
.entry-summary blockquote > ul,
.comment-content blockquote > ul {
margin-left: 1.25em;
}
.entry-content li > ol,
.entry-summary li > ol,
.comment-content li > ol,
.entry-content blockquote > ol,
.entry-summary blockquote > ol,
.comment-content blockquote > ol {
margin-left: 1.5em;
}
.comment-author {
margin-bottom: 0;
}
.comment-author .avatar {
height: 42px;
position: relative;
top: 0.25em;
width: 42px;
}
.comment-list .children > li {
padding-left: 1.75em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 3.5em;
}
.comments-area,
.widget,
.content-bottom-widgets .widget-area {
margin-bottom: 5.25em;
}
.sidebar,
.widecolumn {
margin-bottom: 5.25em;
padding-right: 23.0769%;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 1.157894737em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.473684211em;
}
}
/**
* 14.2 - >= 783px
*/
@media screen and (min-width: 48.9375em) {
body:not(.custom-background-image).admin-bar:before {
top: 32px;
}
}
/**
* 14.3 - >= 910px
*/
@media screen and (min-width: 56.875em) {
.site-header {
padding-right: 4.5455%;
padding-left: 4.5455%;
}
.site-header-main {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-custom-logo .site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.site-header-menu {
display: block;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.main-navigation {
margin: 0 -0.875em;
}
.main-navigation .primary-menu,
.main-navigation .primary-menu > li {
border: 0;
}
.main-navigation .primary-menu > li {
float: left;
}
.main-navigation a {
outline-offset: -8px;
padding: 0.65625em 0.875em;
white-space: nowrap;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: #007acc;
}
.main-navigation ul ul {
border-bottom: 1px solid #d1d1d1;
display: block;
left: -999em;
margin: 0;
position: absolute;
z-index: 99999;
}
.main-navigation ul ul ul {
top: -1px;
}
.main-navigation ul ul ul:before,
.main-navigation ul ul ul:after {
border: 0;
}
.main-navigation ul ul li {
background-color: #fff;
border: 1px solid #d1d1d1;
border-bottom-width: 0;
}
.main-navigation ul ul a {
white-space: normal;
width: 12.6875em;
}
.main-navigation ul ul:before,
.main-navigation ul ul:after {
border-style: solid;
content: "";
position: absolute;
}
.main-navigation ul ul:before {
border-color: #d1d1d1 transparent;
border-width: 0 10px 10px;
right: 9px;
top: -9px;
}
.main-navigation ul ul:after {
border-color: #fff transparent;
border-width: 0 8px 8px;
right: 11px;
top: -7px;
}
.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
left: auto;
right: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: auto;
right: 100%;
}
.main-navigation .menu-item-has-children > a {
margin: 0;
padding-right: 2.25em;
}
.main-navigation .menu-item-has-children > a:after {
content: "\f431";
position: absolute;
right: 0.625em;
top: 0.8125em;
}
.main-navigation ul ul .menu-item-has-children > a {
padding-right: 2.0625em;
}
.main-navigation ul ul .menu-item-has-children > a:after {
right: 0.5625em;
top: 0.875em;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.dropdown-toggle,
.main-navigation ul .dropdown-toggle.toggled-on,
.menu-toggle,
.site-header .social-navigation,
.site-footer .main-navigation {
display: none;
}
.site-content {
padding: 0 4.5455%;
}
.content-area {
float: left;
margin-right: -100%;
width: 70%;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.pagination,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 0;
margin-left: 0;
}
.sidebar {
float: left;
margin-left: 75%;
padding: 0;
width: 25%;
}
.widget {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 3.230769231em;
padding-top: 1.615384615em;
}
.widget .widget-title {
margin-bottom: 1.3125em;
}
.widget p,
.widget address,
.widget hr,
.widget ul,
.widget ol,
.widget dl,
.widget dd,
.widget table {
margin-bottom: 1.6153846154em;
}
.widget li > ul,
.widget li > ol {
margin-bottom: 0;
}
.widget blockquote {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
padding-left: 1.0625em;
}
.widget blockquote cite,
.widget blockquote small {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget th,
.widget td {
padding: 0.5384615385em;
}
.widget pre {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget fieldset {
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
line-height: 1;
padding: 0.846153846em;
}
.widget input[type="date"],
.widget input[type="time"],
.widget input[type="datetime-local"],
.widget input[type="week"],
.widget input[type="month"],
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget input[type="tel"],
.widget input[type="number"],
.widget textarea {
padding: 0.4615384615em 0.5384615385em;
}
.widget h1 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-bottom: 0.9130434783em;
}
.widget h2 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-bottom: 1.1052631579em;
}
.widget h3 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
}
.widget h4,
.widget h5,
.widget h6 {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 0.9130434783em;
}
.widget .alignleft {
margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
}
.widget .alignright {
margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
}
.widget .aligncenter {
margin-bottom: 1.6153846154em;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.6923076923;
padding: 0;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 1.615384615em;
}
.widget input[type="search"].search-field {
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);
}
.widget .search-submit:before {
font-size: 16px;
left: 1px;
line-height: 35px;
width: 34px;
}
.widget button.search-submit {
padding: 0;
width: 35px;
}
.tagcloud a {
margin: 0 0.2307692308em 0.5384615385em 0;
padding: 0.5384615385em 0.4615384615em 0.4615384615em;
}
.textwidget h1 {
margin-top: 1.8260869565em;
}
.textwidget h2 {
margin-top: 2.2105263158em;
}
.textwidget h3 {
margin-top: 2.625em;
}
.textwidget h4 {
letter-spacing: 0.153846154em;
}
.textwidget h4,
.textwidget h5,
.textwidget h6 {
margin-top: 3.2307692308em;
}
.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
float: left;
margin-right: 7.1428571%;
width: 46.42857145%;
}
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
margin-right: 0;
}
.site-footer {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 4.5455% 3.5em;
}
.site-footer .social-navigation {
margin: 0;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.site-info {
margin: 0.538461538em auto 0.538461538em 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.no-sidebar .content-area {
float: none;
margin: 0;
width: 100%;
}
.no-sidebar .entry-header,
.no-sidebar .entry-content,
.no-sidebar .entry-summary,
.no-sidebar .entry-footer,
.no-sidebar .comments-area,
.no-sidebar .image-navigation,
.no-sidebar .post-navigation,
.no-sidebar .pagination,
.no-sidebar .page-header,
.no-sidebar .page-content,
.no-sidebar .content-bottom-widgets {
margin-right: 15%;
margin-left: 15%;
}
.widecolumn {
padding-right: 15%;
padding-left: 15%;
}
}
/**
* 14.4 - >= 985px
*/
@media screen and (min-width: 61.5625em) {
.site-main {
margin-bottom: 7.0em;
}
.site-header {
padding: 5.25em 4.5455%;
}
.site-branding,
.site-header-menu,
.header-image {
margin-top: 1.75em;
margin-bottom: 1.75em;
}
.custom-logo {
max-width: 240px;
}
.image-navigation {
margin-bottom: 3.230769231em;
}
.post-navigation {
margin-bottom: 7.0em;
}
.pagination {
margin-bottom: 5.894736842em;
}
.widget {
margin-bottom: 4.307692308em;
}
.site-main > article {
margin-bottom: 7.0em;
}
.entry-title {
font-size: 40px;
font-size: 2.5rem;
line-height: 1.225;
margin-bottom: 1.05em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 23px;
font-size: 1.4375em;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.post-thumbnail {
margin-bottom: 2.625em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-top: 1.696969697em;
margin-bottom: 0.8484848485em;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.entry-content h4,
.entry-summary h4,
.entry-intro h4,
.comment-content h4 {
letter-spacing: 0.131578947em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.473684211em;
}
.author-info {
border-bottom-width: 0;
padding-bottom: 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 5.25em;
}
.comments-area,
.sidebar,
.content-bottom-widgets .widget-area,
.widecolumn {
margin-bottom: 7.0em;
}
body:not(.search-results) .entry-summary {
margin-bottom: 2.210526316em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.105263158em;
}
body:not(.search-results) article:not(.type-page) .entry-content {
float: right;
width: 71.42857144%;
}
body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
margin-left: -40%;
width: -webkit-calc(60% - 1.4736842105em);
width: calc(60% - 1.4736842105em);
}
body:not(.search-results) article:not(.type-page) img.below-entry-meta,
body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
clear: both;
display: block;
float: none;
margin-right: 0;
margin-left: -40%;
max-width: 140%;
}
body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta,
body:not(.search-results) article:not(.type-page) table figure.below-entry-meta,
body:not(.search-results) article:not(.type-page) table img.below-entry-meta {
margin: 0;
max-width: 100%;
}
body:not(.search-results) article:not(.type-page) .entry-footer {
float: left;
margin-top: 0.1538461538em;
width: 21.42857143%;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
display: none;
}
.single .byline,
.full-size-link,
body:not(.search-results).group-blog .byline,
body:not(.search-results) .entry-format,
body:not(.search-results) .cat-links,
body:not(.search-results) .tags-links,
body:not(.search-results) article:not(.sticky) .posted-on,
body:not(.search-results) article:not(.type-page) .comments-link,
body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
display: block;
margin-bottom: 0.5384615385em;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child {
margin-bottom: 0;
}
body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
display: block;
height: auto;
margin: 0 0 0.5384615385em;
width: 49px;
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
float: left;
margin-right: -100%;
margin-left: 34.99999999%;
width: 50.00000001%;
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
margin-right: -100%;
margin-left: 15%;
width: 15%;
}
}
/**
* 14.5 - >= 1200px
*/
@media screen and (min-width: 75em) {
body:not(.search-results) .entry-summary {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin-bottom: 1.826086957em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.913043478em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.5217391304em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 0.956521739em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.52173913em;
}
body:not(.search-results) .entry-summary blockquote {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin: 0 0 1.5217391304em;
padding-left: 1.347826087em;
}
body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
margin-left: -1.52173913em;
}
body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) {
margin-left: 0;
}
body:not(.search-results) .entry-summary blockquote cite,
body:not(.search-results) .entry-summary blockquote small {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.8421052632;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary pre {
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
margin-bottom: 1.75em;
padding: 1.75em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.5217391304em;
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary h1 {
margin-top: 2.121212121em;
margin-bottom: 1.060606061em;
}
body:not(.search-results) .entry-summary h2 {
margin-top: 2.5em;
margin-bottom: 1.25em;
}
body:not(.search-results) .entry-summary h3 {
margin-top: 3.043478261em;
margin-bottom: 1.52173913em;
}
body:not(.search-results) .entry-summary h4,
body:not(.search-results) .entry-summary h5,
body:not(.search-results) .entry-summary h6 {
margin-top: 3.684210526em;
margin-bottom: 1.842105263em;
}
body:not(.search-results) .entry-summary h1:first-child,
body:not(.search-results) .entry-summary h2:first-child,
body:not(.search-results) .entry-summary h3:first-child,
body:not(.search-results) .entry-summary h4:first-child,
body:not(.search-results) .entry-summary h5:first-child,
body:not(.search-results) .entry-summary h6:first-child {
margin-top: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.5217391304em;
}
}
/**
* 15.0 - Print
*/
@media print {
form,
button,
input,
select,
textarea,
.navigation,
.main-navigation,
.social-navigation,
.sidebar,
.content-bottom-widgets,
.header-image,
.page-links,
.edit-link,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link {
display: none;
}
body,
blockquote cite,
blockquote small,
pre,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.entry-content .author-title {
font-size: 12pt;
}
blockquote {
font-size: 14.25pt;
}
.site-title,
.page-title,
.comments-title,
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.widecolumn h2 {
font-size: 17.25pt;
}
.site-description {
display: block;
}
.entry-title {
font-size: 24.75pt;
line-height: 1.2727272727;
margin-bottom: 1.696969697em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 17.25pt;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 21pt;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
body:not(.search-results) .entry-summary {
font-size: 14.25pt;
}
.site-description,
.author-bio,
.entry-footer,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-metadata,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 9.75pt;
}
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
blockquote cite,
blockquote small,
.site-branding .site-title a,
.entry-title a,
.comment-author {
color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.page-header,
.comments-title {
border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.site-description,
body:not(.search-results) .entry-summary,
body:not(.search-results) .entry-summary blockquote,
.author-bio,
.entry-footer,
.entry-footer a,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-author,
.comment-metadata a,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.site-info a,
.wp-caption .wp-caption-text,
.gallery-caption {
color: #686868 !important; /* Make sure color schemes don't affect to print */
}
code,
hr {
background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
pre,
abbr,
acronym,
table,
th,
td,
.author-info,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.no-comments {
border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
a {
color: #007acc !important; /* Make sure color schemes don't affect to print */
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.comment-content a,
.pingback .comment-body > a {
box-shadow: none;
border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */
}
.site {
margin: 5%;
}
.site-inner {
max-width: none;
}
.site-header {
padding: 0 0 1.75em;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em;
}
.site-main {
margin-bottom: 3.5em;
}
.entry-header,
.entry-footer,
.page-header,
.page-content,
.entry-content,
.entry-summary,
.post-thumbnail,
.comments-area {
margin-right: 0;
margin-left: 0;
}
.post-thumbnail,
.site-main > article {
margin-bottom: 3.5em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.473684211em;
}
.site-footer,
.widecolumn {
padding: 0;
}
}
wp-content/themes/dscorp/template-parts/tpl-homepage.php 0 → 100644
<?php
/**
* Template Name: Hompage
*
* @package WordPress
* @subpackage Twenty_Sixteen
* @since Twenty Sixteen 2.1
*/
get_header();
?>
<section class="home-slider">
<div class="flexslider">
<ul class="slides">
<li class="has-overlay">
<img src="<?php echo get_template_directory_uri();?>/images/slider1.jpg" alt="Slider 1" />
<div class="slider-content">
<div class="container">
<h2> Targeting high impact exploration <br> Offshore Industry </h2>
<p> Holisticly brand sustainable solutions rather than clicks-and-mortar applications.
<br> Phosfluorescently whiteboard fully tested initiatives. </p>
<a class="btn primary-btn"> KNOW MORE <i class="fa fa-angle-right"></i> </a>
</div>
</div>
</li>
<li class="has-overlay">
<img src="<?php echo get_template_directory_uri();?>/images/slider2.jpg" alt="Slider 2" />
<div class="slider-content text-center">
<div class="container">
<h2>Most sophisticated Storage &amp; Transport</h2>
<p> Quickly disintermediate collaborative web services via high standards in products.
<br> Compellingly fabricate cutting-edge portals through alternative
<br> opportunities. Objectively customize.</p>
<a class="btn primary-btn"> KNOW MORE <i class="fa fa-angle-right"></i> </a>
</div>
</div>
</li>
</ul>
</div>
</section>
<section class="home-company">
<div class="container">
<div class="row company">
<div class="col-md-5 col-sm-8">
<div class="company-details">
<h2 class="company-title color-title"> THE COMPANY </h2>
<h4 class="company-subtitle subtitle"> Interactively empower diverse imperatives after prospective convergence. </h4>
<p> Assertively productize efficient partnerships through customer directed supply chains. Continually maintain process-centric catalysts for change via backward compatible value. </p>
<a href="#" class="btn btn-primary" role="button"> READ OUR MISSION </a>
</div>
</div>
<div class="col-md-7 col-sm-12">
<div class="company-image">
<div class="img-left hover-effect">
<img src="<?php echo get_template_directory_uri();?>/images/company-image2.jpg" alt="Company Image" />
</div>
<div class="img-right hover-effect">
<img src="<?php echo get_template_directory_uri();?>/images/company-image1.jpg" alt="Company Image" />
</div>
</div>
</div>
</div>
</div>
</section>
<section class="home-ceo">
<div class="container">
<div class="row ceo">
<div class="col-md-6">
<div class="ceo-photo">
<img src="<?php echo get_template_directory_uri();?>/images/ceo.png" alt="CEO" />
</div>
</div>
<div class="col-md-6">
<div class="ceo-details">
<h2 class="ceo-title color-title"> WORD FROM CEO </h2>
<h4 class="ceo-subtitle subtitle"> READ THE MESSAGE FROM OUR CEO </h4>
<p> Proactively incubate enterprise total linkage without sustainable leadership skills. Monotonectally strategize user-centric interfaces whereas low-risk high-yield materials. Efficiently syndicate web-enabled portals for principle centered partnerships.
</p>
<p>Proactively whiteboard revolutionary processes after scalable testing procedures. Holisticly reinvent seamless after business.</p>
<h4 class="ceo-sign"> <img src="<?php echo get_template_directory_uri();?>/images/ceo-sign.png" alt="signature" /> </h4>
<p class="ceo-name">Gregory Walker, CEO</p>
</div>
</div>
</div>
</div>
</section>
<section class="home-services">
<div class="container">
<div class="row services">
<div class="col-md-4">
<div class="hover-effect">
<img src="<?php echo get_template_directory_uri();?>/images/services-one.jpg" alt="technology-innovation" />
</div>
<h4 class="services-title-one subtitle">TECHNOLOGY &amp; INNOVATION</h4>
<p>Professionally drive clicks-and-mortar web readiness after progressive e-commerce. Dramatically unleash cross functional.</p>
<a href="#" class="btn btn-default btn-normal">Read More</a>
</div>
<div class="col-md-4">
<div class="hover-effect">
<img src="<?php echo get_template_directory_uri();?>/images/services-two.jpg" alt="our-operations" />
</div>
<h4 class="services-title-one subtitle">OUR OPERATIONS</h4>
<p>Energistically productize wireless mindshare for emerging experiences. Myocardinate enabled alignments and magnetic scenarios. </p>
<a href="#" class="btn btn-default btn-normal">Read More</a>
</div>
<div class="col-md-4">
<div class="hover-effect">
<img src="<?php echo get_template_directory_uri();?>/images/services-three.jpg" alt="social-resposibility" />
</div>
<h4 class="services-title-one subtitle">SOCIAL RESPONIBILITY</h4>
<p>Globally incubate principle-centered e-markets with standards compliant catalysts for change. Efficiently extend highly efficient products.</p>
<a href="#" class="btn btn-default btn-normal">Read More</a>
</div>
</div>
</div>
</section>
<section class="home-links">
<div class="container">
<div class="row links">
<div class="col-md-2">
<h4 class="links-title subtitle">Quick Links</h4>
</div>
<div class="col-md-2">
<a href="#" class="btn btn-primary" role="button">CAREERS</a>
</div>
<div class="col-md-2">
<a href="#" class="btn btn-primary" role="button">CONTACT</a>
</div>
<div class="col-md-2">
<a href="#" class="btn btn-primary" role="button">MARKET INFO</a>
</div>
<div class="col-md-2">
<a href="#" class="btn btn-primary" role="button">TECHNOLOGY</a>
</div>
<div class="col-md-2">
<a href="#" class="btn btn-primary" role="button">LATEST NEWS</a>
</div>
</div>
</div>
</section>
<section class="home-process">
<div class="container">
<div class="row process">
<div class="col-sm-6">
<h2 class="process-title title-2"> OUR PROCESS </h2>
<h4 class="process-subtitle subtitle-2"> Interactively empower diverse imperatives after prospective convergence. </h4>
<p> Interactively fashion functional action items after 24/365 results. Dynamically redefine world-class metrics without leading-edge markets. Progressively orchestrate enabled "outside the box" thinking via scalable quality vectors. Objectively unleash optimal core competencies. </p>
<a href="#" class="btn btn-primary" role="button">READ THE STORY</a>
</div>
<div class="col-sm-6">
<div id="skills" class="process-bar">
<div class="skillbar-title"> FEUL AND MISCELLANEOUS </div>
<div class="skillbar" data-percent="46%">
<div class="skillbar-bar"> </div>
<div class="skill-bar-percent">46%</div>
</div>
<div class="skillbar-title"> LIQUID CHEMICALS </div>
<div class="skillbar" data-percent="78%">
<div class="skillbar-bar"> </div>
<div class="skill-bar-percent">78%</div>
</div>
<div class="skillbar-title"> MONOMERS / POLYMERS </div>
<div class="skillbar" data-percent="70%">
<div class="skillbar-bar"> </div>
<div class="skill-bar-percent">70%</div>
</div>
<div class="skillbar-title"> ISOCYANATE </div>
<div class="skillbar" data-percent="80%">
<div class="skillbar-bar"> </div>
<div class="skill-bar-percent">80%</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="home-stats">
<div class="container">
<div class="row stats">
<div class="col-md-3 col-xs-6">
<img src="<?php echo get_template_directory_uri();?>/images/globe.png" alt="" />
<div class="stats-info">
<h4 class="counter">26</h4>
<p>Offices Worldwide</p>
</div>
</div>
<div class="col-md-3 col-xs-6">
<img src="<?php echo get_template_directory_uri();?>/images/friends.png" alt="" />
<div class="stats-info">
<h4 class="counter">10000</h4>
<p>Satisfied Employees</p>
</div>
</div>
<div class="col-md-3 col-xs-6">
<img src="<?php echo get_template_directory_uri();?>/images/fire.png" alt="" />
<div class="stats-info">
<h4 class="counter">126</h4>
<p>Refineries &amp; Operations</p>
</div>
</div>
<div class="col-md-3 col-xs-6">
<img src="<?php echo get_template_directory_uri();?>/images/badge.png" alt="" />
<div class="stats-info">
<h4 class="counter">35</h4>
<p>Awards &amp; Recognitions</p>
</div>
</div>
</div>
</div>
</section>
<section class="home-services-other">
<div class="container">
<div class="section-title text-center">
<h2 class="title-services-other title-2">SERVICES</h2>
<h4 class="subtitle-services-other subtitle-2">Objectively whiteboard transparent models for prospective <br/> information. Authoritatively myocardinate.</h4>
<div class="spacer-50"> </div>
</div>
<div class="row services-other">
<div class="col-sm-4">
<div class="img-box">
<img src="<?php echo get_template_directory_uri();?>/images/service-icon1.png" alt="SHELL CHEMICALS" />
</div>
<div class="services-info">
<h4 class="services-title-one subtitle">SHELL CHEMICALS</h4>
<p>Lorem ipsum dolor sit amet, con tetur adipiscing elit agenean.</p>
</div>
</div>
<div class="col-sm-4">
<div class="img-box">
<img src="<?php echo get_template_directory_uri();?>/images/service-icon2.png" alt="COMMERCIAL FUELS" />
</div>
<div class="services-info">
<h4 class="services-title-one subtitle">COMMERCIAL FUELS</h4>
<p>Lorem ipsum dolor sit amet, con tetur adipiscing elit agenean.</p>
</div>
</div>
<div class="col-sm-4">
<div class="img-box">
<img src="<?php echo get_template_directory_uri();?>/images/service-icon3.png" alt="AVIATION FUELS" />
</div>
<div class="services-info">
<h4 class="services-title-one subtitle">AVIATION FUELS</h4>
<p>Lorem ipsum dolor sit amet, con tetur adipiscing elit agenean.</p>
</div>
</div>
<div class="clearfix spacer-70"></div>
<div class="col-sm-4">
<div class="img-box">
<img src="<?php echo get_template_directory_uri();?>/images/service-icon4.png" alt="LUBRICANTS" />
</div>
<div class="services-info">
<h4 class="services-title-one subtitle">LUBRICANTS</h4>
<p>Lorem ipsum dolor sit amet, con tetur adipiscing elit agenean.</p>
</div>
</div>
<div class="col-sm-4">
<div class="img-box">
<img src="<?php echo get_template_directory_uri();?>/images/service-icon5.png" alt="MARINE FUELS" />
</div>
<div class="services-info">
<h4 class="services-title-one subtitle">MARINE FUELS</h4>
<p>Lorem ipsum dolor sit amet, con tetur adipiscing elit agenean.</p>
</div>
</div>
<div class="col-sm-4">
<div class="img-box">
<img src="<?php echo get_template_directory_uri();?>/images/service-icon6.png" alt="LIQUIFIED PETROLIUM GAS" />
</div>
<div class="services-info">
<h4 class="services-title-one subtitle">LIQUIFIED PETROLIUM GAS</h4>
<p>Lorem ipsum dolor sit amet, con tetur adipiscing elit agenean.</p>
</div>
</div>
<div class="clearfix spacer-70"></div>
<div class="col-sm-4">
<div class="img-box">
<img src="<?php echo get_template_directory_uri();?>/images/service-icon7.png" alt="SHELL SULPHUR" /></div>
<div class="services-info">
<h4 class="services-title-one subtitle">SHELL SULPHUR</h4>
<p>Lorem ipsum dolor sit amet, con tetur adipiscing elit agenean.</p>
</div>
</div>
<div class="col-sm-4">
<div class="img-box">
<img src="<?php echo get_template_directory_uri();?>/images/service-icon8.png" alt="SHELL TRADING" /></div>
<div class="services-info">
<h4 class="services-title-one subtitle">SHELL TRADING</h4>
<p>Lorem ipsum dolor sit amet, con tetur adipiscing elit agenean.</p>
</div>
</div>
<div class="col-sm-4">
<div class="img-box">
<img src="<?php echo get_template_directory_uri();?>/images/service-icon9.png" alt="SHELL FOR SUPPLIERS" /></div>
<div class="services-info">
<h4 class="services-title-one subtitle">SHELL FOR SUPPLIERS</h4>
<p>Lorem ipsum dolor sit amet, con tetur adipiscing elit agenean.</p>
</div>
</div>
</div>
</div>
</section>
<section class="home-testimonials">
<div class="container">
<div class="section-title text-center">
<h2 class="title-testimonials color-title">DON’T TAKE OUR WORD</h2>
<h2 class="subtitle-testimonials title-2">CLIENT TESTIMONIALS</h2>
<div class="spacer-50"> </div>
</div>
<div class="row">
<div class="col-md-4">
<blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget leo ac nisi porta consectetur. Duis sit amet ligula turpis. Suspendisse eget hendrerit justo. Suspendisse elementum eleifend arcu in consequat. Nullam imperdiet, mauris a consequat pharetra, quam quam malesuada nisi, non scelerisque.</blockquote>
<h4 class="client-name">Calvin Sims</h4>
<p class="designation">Marketing Head, ABC Chemicals</p>
</div>
<div class="col-md-4">
<blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget leo ac nisi porta consectetur. Duis sit amet ligula turpis. Suspendisse eget hendrerit justo. Suspendisse elementum eleifend arcu in consequat. Nullam imperdiet, mauris a consequat pharetra, quam quam malesuada nisi, non scelerisque.</blockquote>
<h4 class="client-name">Bertha Gonzales</h4>
<p class="designation">Divisional Manager, Corpo Inc.</p>
</div>
<div class="col-md-4">
<blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget leo ac nisi porta consectetur. Duis sit amet ligula turpis. Suspendisse eget hendrerit justo. Suspendisse elementum eleifend arcu in consequat. Nullam imperdiet, mauris a consequat pharetra, quam quam malesuada nisi, non scelerisque.</blockquote>
<h4 class="client-name">Brianna Hernandez</h4>
<p class="designation">Founder &amp; CEO, Marine Engineering</p>
</div>
</div>
</div>
</section>
<section class="home-publications">
<div class="container">
<div class="row publications">
<div class="col-md-7 col-sm-6">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Petrolium Engineering</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<p>Synergistically build professional communities vis-a-vis best-of-breed paradigms. Quickly empower world-class networks with prospective methodologies. Enthusiastically morph cross functional web-readiness via virtual niche markets. Synergistically enhance one-to-one partnerships after go forward metrics. Competently facilitate alternative networks for fully tested internal or "organic" sources. Synergistically disintermediate an expanded array of niche markets through value-added value. Dynamically communicate cost effective results after intuitive scenarios. Distinctively impact synergistic experiences. </p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">International Trade </a> </h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<p>Synergistically build professional communities vis-a-vis best-of-breed paradigms. Quickly empower world-class networks with prospective methodologies. Enthusiastically morph cross functional web-readiness via virtual niche markets. Synergistically enhance one-to-one partnerships after go forward metrics. Competently facilitate alternative networks for fully tested internal or "organic" sources. Synergistically disintermediate an expanded array of niche markets through value-added value. Dynamically communicate cost effective results after intuitive scenarios. Distinctively impact synergistic experiences.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">Chemicals and Refining </a> </h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<p>Synergistically build professional communities vis-a-vis best-of-breed paradigms. Quickly empower world-class networks with prospective methodologies. Enthusiastically morph cross functional web-readiness via virtual niche markets. Synergistically enhance one-to-one partnerships after go forward metrics. Competently facilitate alternative networks for fully tested internal or "organic" sources. Synergistically disintermediate an expanded array of niche markets through value-added value. Dynamically communicate cost effective results after intuitive scenarios. Distinctively impact synergistic experiences.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-5 col-sm-6">
<div class="plubication-downloads">
<h2 class="publish">Publications</h2>
<div class="download-file">
<a href="#"> <i class="fa fa-file-pdf-o" aria-hidden="true"></i> Download PDF <span>1.5 MB</span> </a>
</div>
<p class="download-title">Other Downloads</p>
<ul class="download-list">
<li><a href="#"> Annual Report </a> <span>2.4 MB</span></li>
<li><a href="#"> Sustainability Report </a> <span>150 KB</span></li>
<li><a href="#"> Statistical Report </a> <span>250 KB</span></li>
<li><a href="#"> Energy Outlook </a> <span>1.8 MB</span></li>
<li><a href="#"> Chairman’s Message </a> <span>550 KB</span></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="home-news">
<div class="container">
<div class="section-title text-center">
<h2 class="title-blog color-title"> NEWS AND MEDIA </h2>
<h2 class="subtitle-blog title-2"> LATEST FROM BLOG </h2>
<div class="spacer-50"> </div>
</div>
<div class="row news">
<div class="col-md-4">
<div class="blog-img-box">
<div class="blog-date"> <span class="month">MAR </span> <span class="date"> 06</span> </div>
<a class="hover-effect" href="blog-single.html">
<img src="<?php echo get_template_directory_uri();?>/images/news1.jpg" alt="Fuel" />
</a>
</div>
<div class="blog-content">
<h3><a href="blog-single.html"> FUEL TRANSPORTATION AND RAILWAY RULES </a> </h3>
<p>By <a href="#">Eduardo Flores</a> in Transportation</p>
</div>
</div>
<div class="col-md-4">
<div class="blog-img-box">
<div class="blog-date"> <span class="month">Feb </span> <span class="date"> 24</span> </div>
<a class="hover-effect" href="blog-single.html">
<img src="<?php echo get_template_directory_uri();?>/images/news2.jpg" alt="Field Training" />
</a>
</div>
<div class="blog-content">
<h3> <a href="blog-single.html"> FIELD TRAINING SESSIONS FOR NEW EMPLOYEES </a></h3>
<p>By <a href="#">Clinton Chavez</a> in TCareers</p>
</div>
</div>
<div class="col-md-4">
<div class="blog-img-box">
<div class="blog-date"> <span class="month">Jan </span> <span class="date"> 17</span> </div>
<a class="hover-effect" href="blog-single.html">
<img src="<?php echo get_template_directory_uri();?>/images/news3.jpg" alt="Environment" />
</a>
</div>
<div class="blog-content">
<h3> <a href="blog-single.html"> A STUDY ON SUSTAINABILITY &amp; ENVIRONMENT FACTORS </a> </h3>
<p>By <a href="#">Gertrude Rose</a> in Environment</p>
</div>
</div>
</div>
<div class="blog-btn text-center">
<a href="blog.html" class="btn btn-primary" role="button">READ THE BLOG</a>
</div>
</div>
</section>
<section class="home-partners">
<div class="container">
<div class="section-title text-center">
<h2 class="subtitle-testimonials title-2"> OUR PARTNERS </h2>
<div class="spacer-20"> </div>
</div>
<div class="row partners">
<div class="logo-slides slides owl-carousel">
<div class="item">
<div class="partner-images">
<img src="<?php echo get_template_directory_uri();?>/images/partner1.png" alt="Partner Image 1">
</div>
</div>
<div class="item">
<div class="partner-images">
<img src="<?php echo get_template_directory_uri();?>/images/partner2.png" alt="Partner Image 1">
</div>
</div>
<div class="item">
<div class="partner-images">
<img src="<?php echo get_template_directory_uri();?>/images/partner3.png" alt="Partner Image 1">
</div>
</div>
<div class="item">
<div class="partner-images">
<img src="<?php echo get_template_directory_uri();?>/images/partner4.png" alt="Partner Image 1">
</div>
</div>
<div class="item">
<div class="partner-images">
<img src="<?php echo get_template_directory_uri();?>/images/partner1.png" alt="Partner Image 1">
</div>
</div>
<div class="item">
<div class="partner-images">
<img src="<?php echo get_template_directory_uri();?>/images/partner2.png" alt="Partner Image 1">
</div>
</div>
<div class="item">
<div class="partner-images">
<img src="<?php echo get_template_directory_uri();?>/images/partner3.png" alt="Partner Image 1">
</div>
</div>
<div class="item">
<div class="partner-images">
<img src="<?php echo get_template_directory_uri();?>/images/partner4.png" alt="Partner Image 1">
</div>
</div>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment