/*
Theme Name: dicendum-group
Theme URI: http://103.8.216.142/projects/jacob/dicendum-group/
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: 1.3
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.
*/


@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	
html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;}
textarea:focus, input:focus, a, div, img { outline: none; }
 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}


/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#525252; font-size:16px; font-family: 'apertobold'; font-weight:400; line-height:1.4;}

h1, h2, h3, h4, h5, h6{ font-weight:600; line-height: 1.4; font-family: 'apertobold'; margin-bottom:20px; text-transform:uppercase; color:#353535;}
h1{ font-size:36px;}
h2{ font-size:34px;}
h3{ font-size:36px;}
h4{ font-size:26px;}
h5{ font-size:25px;}
h6{ font-size:22px;}

p{ color:#2a2a2a; font-size:16px; font-weight:400; line-height:1.4; margin-bottom:0; font-family: 'Lato', sans-serif;}

ul{ margin:0; padding:0; list-style:none; }
ul li{ font-size:15px;  color:#000000; font-weight:400; line-height:1.4; padding:0 0 5px 0; list-style:none;}
ul > li { list-style:none; }

ol{ margin:20px 20px; padding:0; list-style: none; }
ol li{ font-size:15px;  color:#000000; font-weight:400; line-height:1.4; padding:0 0 5px 0; }
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:30px; position:relative; background:#ebebeb; padding:40px 26px; border-left:9px solid #d9252c;}
blockquote p{ font-size:15px; font-weight:400; line-height:1.4; margin:15px 0 0; position:relative; color:#000000; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;}

.alignnone{float: none; margin: 20px 0;}
.aligncenter {display: block; clear:both; margin:20px auto;}
.alignleft {float: left; margin: 0 20px 20px 0; }
.alignright {float: right; margin: 0 0 20px 20px;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; max-width: 100%; vertical-align: top;}

/* 4. Link
------------------------------------------------------------------------------*/
a{color:#fff; font-family: 'apertobold'; font-weight:300; -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
a:hover{color:#fff; text-decoration: none;}
a:focus {outline: none;}

a.btn{ background-color:#599f18; font-size:30px; max-width:330px; height:60px; position:relative; display:inline-block; width:100%; margin:0 10px; line-height:72px; margin-bottom:20px; vertical-align:top;}
a.btn:before{ position:absolute; content:" "; background-color:#000000; width:100%; height:2px; bottom:0; left:0; -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
a.btn:hover{ background-color:#428108;}

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ border:0; padding:0 15px; color:#000; font-size:16px; height:63px; font-weight: 400; font-family: 'apertobold'; width:100%; }
textarea{ border:1px solid #dedede; padding:5px 15px; color:#666666; font-size:12px; height:60px; resize:none; font-family: 'apertobold';}

input[type="submit"], input[type="button"], input[type="reset"]{ background:#03154a; cursor:pointer; color:#fff; border:none; height:60px;  display:block; font-size:24px; cursor: pointer; font-family: 'apertobold'; font-weight:400; text-transform:uppercase; width:100%; -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
input[type="submit"]:hover, input[type="button"]:hover{ background:#c21b23; color:#fff;}

::-webkit-input-placeholder { opacity: 0.5 !important; color: #000; }
:-moz-placeholder { opacity: 0.5 !important; color: #000; }
::-moz-placeholder { opacity: 0.5 !important; color: #000; }
:-ms-input-placeholder { opacity: 0.5 !important; color: #000; }

select, select:-moz-focusring, select::-moz-focus-inner {color: transparent !important; text-shadow: 0 0 0 #1a1a1a !important; background-image: none !important; border:0; border-color: inherit;-webkit-box-shadow: none;}
select:focus { outline: none;}	

.dis-table{ display:table; height:100%;}
.dis-table-cell{ vertical-align:middle; display:table-cell;}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper{ width:100%; min-height:100%; }
.container{ max-width:1200px; width:100%; padding:0 15px; margin: 0 auto;}

/* main Banner */
.main-banner{ display:table; min-height:670px !important; background-repeat:no-repeat; background-size:cover; width:100%; text-align:center; position:relative;}
/*.main-banner:before{ background-image:url('images/main-banner-shadow.png'); position:absolute; content:" ";  width:100%; height:100%; background-size:cover; left:0; top:0;}*/
.main-banner:before{ position:absolute; content:" ";  width:100%; height:100%; background-size:cover; left:0; top:0; background-color:rgba(255,255,255,0.5);}
.main-content{ padding:50px 15px; max-width:1100px; margin:0 auto;}
.main-banner .logo{ margin:0 auto 70px; position:relative; max-width:250px;}
.main-banner .logo figure img{ margin-bottom:20px;}
.main-banner .logo figure figcaption{ font-family: 'apertobold'; font-size:28px; color:#7c7c7c; line-height:1.2;font-weight: bold;}
.main-banner .welcome-text{position:relative; max-width:1100px; width:100%; margin:0 auto 180px; text-align:center; background-color:rgba(255, 255, 255, 0.8); padding:100px 110px 90px;}
.main-banner .welcome-text h1{ position:relative; padding-bottom:0;}
.main-banner .welcome-text h1:before{ width:200px; height:1px; position:absolute; content:" "; background-color:#9e9e9e; bottom:0; margin:0 auto; transform:translate(-50%,0); left:50%;}
.main-banner .btn-group{font-size:0;}
.main-banner .welcome-text a{ color:#2a2a2a; font-size:16px; text-decoration:underline; font-family: 'Lato', sans-serif;}

body.error404 .welcome-text h5{ text-align:left; margin-bottom: 30px;}
body.error404 .welcome-text h4{text-align: left; line-height: 28px; margin-bottom: 10px; } body.error404 .welcome-text ul{ text-align:left; }
body.error404 .welcome-text ul li {font-size: 21px; line-height: 26px; padding: 0 0 5px 0; }
body.error404 .welcome-text ul li a{ color: #ed1c24; }
body.error404 .welcome-text ul li a:hover{ text-decoration: underline; }