/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
* {
margin: 0;
padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0px;
padding: 0px;
border: 0px;
border-collapse: separate;
border-spacing: 0px;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
text-decoration: none;
}
html, body {
width: 100%;
}
html, button, input, select, textarea {
color: #222;
}
html {
font-size: 1em;
line-height: 1.3;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio, canvas, img, video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.----------AldoDesign-CSS-Starts-Here--------- {
}
/* ==========================================================================
AldoDesign.com Custom Styles for CSS Grids
========================================================================== */
body {
width: 100%;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
color: #000000;
background-color: #000000;
background-image: url(../images/backgrounds/binding_dark.png);
background-repeat: repeat;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-position: left top;
}
body {
overflow-x: hidden;
line-height: 1.3em;
}
html {
margin: 0 auto;
overflow-x: hidden;
}
.animate { /* Makes columns animate when @media css changes */
-webkit-transition: width 0.2s ease, height 0.2s ease;
-moz-transition: width 0.2s ease, height 0.2s ease;
-o-transition: width 0.2s ease, height 0.2s ease;
-ms-transition: width 0.2s ease, height 0.2s ease;
transition: width 0.2s ease, height 0.2s ease;
}
/* LINKS */
a {
color: #427793;
text-decoration: underline;
}
a:visited {
color: #427793;
}
a:focus {
-moz-outline-style: none;
border: none;
outline: none;
}
a:active, a:focus {
outline: none;
ie-dummy: expression(this.hideFocus=true);
}
a:hover {
text-decoration: none;
color: #D6302E;
}
/* Menu Current Pages Set on tag */
body#bhome a#home, body#bresearch a#research, body#bcertified a#certified, body#bvideo a#video, body#btechnology a#technology, body#bservice a#service, body#bcontactpage a#contactpage {
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #89AC3E;
}
/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
padding-bottom: 2px;
display: block;
line-height: 1.2em;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
h1 {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 400;
margin-bottom: 10px;
margin-top: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
color: #333;
}
.intro-text {
font-size: 18px;
}
.big-heads {
color: #EAE7E2;
font-weight: 300;
text-transform: capitalize;
font-size: 45px;
font-family: 'Open Sans', sans-serif;
font-style: normal;
padding-top: 10px;
text-align: center;
}
h1 span {
color: #C2BFAA;
}
h2 {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
h2 span {
color: #D8AA74;
}
h3 {
font-size: 20px;
font-family: 'Droid Sans', sans-serif;
font-weight: 400;
font-style: normal;
display: block;
color: #060606;
line-height: 24px;
}
h3 span {
color: #990000;
font-weight: 400;
}
h4 {
font-size: 18px;
padding: 0px;
font-family: 'Droid Sans', sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.4em;
color: #000;
}
h5 {
font-size: 16px;
padding: 0px;
font-family: 'Droid Sans', sans-serif;
font-weight: 400;
}
h6 {
font-size: 14px;
padding: 0px;
font-family: 'Droid Sans', sans-serif;
font-style: normal;
font-weight: 400;
color: #326083;
line-height: 20px;
}
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
font-size: 36px;
font-weight: 400;
letter-spacing: -0.5px;
text-transform: uppercase;
text-shadow: 2px 2px 2px #EEECDE;
color: #212222;
}
h1.script, h2.script, h3.script, h4.script, h5.title, h6.script {
font-family: 'Indie Flower', cursive;
}
.red {
color: #990000;
}
.white-text {
color: #FFFFFF;
text-shadow: 1px 1px 5px #333;
}
.text-dark-shadow {
color: #FFFFFF;
text-shadow: 1px 1px 5px #333;
}
.box-heads {
color: #FFF;
background-color: #928A83;
line-height: 1.6em;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
display: block;
margin-right: 15px;
}
/** ----------- * Address p margins set differently in IE 6/7.---------- */
p {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
line-height: 1.4em;
padding-right: 15px;
}
em, dfn, cite {
font-style: italic;
}
strong, b {
font-weight: bold;
}
small {
font-size: 11px;
}
.uppercase {
text-transform: uppercase;
}
input, textarea, select {
outline: medium none;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #bbb;
border: 1px solid #ddd;
border-radius: 3px 3px 3px 3px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
background-color: #fff;
padding: 10px;
}
input:focus, textarea:focus, select:focus {
border: 1px solid #8DC5C5;
color: #676767;
box-shadow: 0 0 4px rgba(82,168,236,.5);
}
input.submit, input.submit:focus, input.submit:active {
cursor: pointer;
color: #fff;
text-decoration: none !important;
border: none;
box-shadow: 0 0 0;
}
input.submit:hover {
}
blockquote {
float: left;
width: 60%;
margin: 10px 20px 10px 0;
}
blockquote:before {
content: "'";
float: left;
font-size: 45px;
font-weight: bold;
line-height: 40px;
}
blockquote.dark {
background: #444;
color: #f5f5f5;
}
blockquote.light {
background: #f5f5f5;
color: #aaa;
}
blockquote.color {
color: #fff;
background-color: #b40c0c;
}
blockquote.dark, blockquote.light, blockquote.color {
padding: 20px;
}
blockquote p {
font: 16px/21px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic;
padding-left: 25px;
text-align: left;
}
blockquote small {
font-weight: bold;
padding-top: 10px;
text-transform: uppercase;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
img, img a {
border: 0px;
margin: 0px;
padding: 0px;
height: auto;
max-width: 100% !important;
}
.imgFullWidth {
border: 0px;
padding: 0px;
height: auto;
width: 100% !important;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
display: block;
}
.imgResize {
padding: 0px;
height: auto;
width: 94% !important; /*4% less to fit 100% img-border class*/
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
display: block;
}
.img-border {
margin: 0px;
padding: 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #FDFAE9;
border-top: 1px solid #E2DFDC;
border-right: 1px solid #C3C0BE;
border-bottom: 1px solid #C3C0BE;
border-left: 1px solid #E2DFDC;
overflow: hidden;
text-align: center;
box-shadow: 1px 2px 3px #CAC8C3;
}
.img-border-dark {
padding: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #222525;
overflow: hidden;
text-align: center;
box-shadow: 1px 1px 4px 0px #333333;
width: 98%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
border: 0px solid #414141;
}
.product-border {
margin: 0px;
padding: 6px;
background-color: #FBF9F6;
overflow: hidden;
text-align: center;
box-shadow: 2px 3px 1px 0px #E2DFDC;
border: 1px solid #E2DFDC;
}
.imgRight {
margin: 2px 0px 0px 15px;
float: right;
padding: 0px;
}
.imgLeft {
float: left;
padding: 0px;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 8px;
margin-left: 0px;
}
.imgLeft-border {
float: left;
padding: 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #EDE9E7;
border-top: 1px solid #E2DFDC;
border-right: 1px solid #C3C0BE;
border-bottom: 1px solid #C3C0BE;
border-left: 1px solid #E2DFDC;
margin-top: 5px;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 0px;
}
.imgRight-border {
float: right;
padding: 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #EDE9E7;
border-top: 1px solid #E2DFDC;
border-right: 1px solid #C3C0BE;
border-bottom: 1px solid #C3C0BE;
border-left: 1px solid #E2DFDC;
overflow: hidden;
text-align: center;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}
.divider-border {
border-top: 2px solid #eee;
float: left;
width: 100%;
margin-top: 12px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#apDivLogo {
position: absolute;
z-index: 1000;
width: 250px;
}
#apDivLogo img {
position: absolute;
z-index: 1000;
width: 160px;
}
#header {
display: block;
padding: 0px;
background-color: #FFF;
margin: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E1E0D7;
}
#header .f1 {
padding: 0px;
}
#header .logo {
padding: 0px;
}
#header .two {
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
#header .f2 {
overflow: hidden;
padding-bottom: 10px;
}
#menu-wrapper {
overflow: hidden;
}
#menu-wrapper .f1 {
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E1E0D7;
background-image: url(../images/backgrounds/bgTranspWhite.png);
background-repeat: repeat;
background-color: transparent;
}
#banner {
display: block;
padding: 0px;
overflow: hidden;
}
#banner .f1 {
background-color: transparent;
padding: 0px;
}
#banner-subpages {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/bg-strawberry-tunnel.jpg);
background-repeat: no-repeat;
background-position: center center;
}
#banner-sub-um {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/subpages-certified.jpg);
background-repeat: no-repeat;
}
#banner-sub-flowers {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/bg-flowers.jpg);
background-repeat: no-repeat;
}
.banner-subpages-bottom {
display: block;
overflow: hidden;
height: 300px;
background-image: url(../images/subpages-tunnel.jpg);
background-repeat: no-repeat;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
}
#banner-tomato-tunnel {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/bg-tomato-tunnel.jpg);
background-repeat: no-repeat;
}
#banner-sub-tomato {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/bg-sub-tomatoes.jpg);
background-repeat: no-repeat;
}
#banner-tomato {
display: block;
overflow: hidden;
background-image: url(../images/tomatoes.jpg);
background-repeat: no-repeat;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
color: #FDFFD7;
background-position: left center;
text-shadow: 1px 1px 0px #424F00;
}
#banner-tomato h4 {
color: #FFF;
line-height: 1.2em;
font-weight: 400;
}
#banner-homepage {
display: block;
overflow: hidden;
background-image: url(../images/tomatoes.jpg);
background-repeat: no-repeat;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
color: #FDFFD7;
background-position: left center;
text-shadow: 1px 1px 0px #424F00;
height: 300px;
}
#banner-homepage h4 {
color: #FFF;
line-height: 1.2em;
font-weight: 400;
}
#banner-sub-lavander {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/banner-lavander.jpg);
background-repeat: no-repeat;
}
#banner-sub-lavander-dark {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/banner-lavander-dark.jpg);
background-repeat: no-repeat;
background-position: center center;
}
#banner-sub-strawberry {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/subpages-tunnel.jpg);
background-repeat: no-repeat;
}
#banner-sub-high-tunnel {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/bg-hightunnel.jpg);
background-repeat: no-repeat;
}
#banner-sub-hightunnel {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/subpages-tunnel.jpg);
background-repeat: no-repeat;
}
#banner-sub-waterdog {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/bg-waterdog.jpg);
background-repeat: no-repeat;
}
#banner-sub-waterdog-closeup {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/bg-waterdog-closeup.jpg);
background-repeat: no-repeat;
background-position: center center;
}
#banner-sub-oxygen {
display: block;
padding: 0px;
overflow: hidden;
height: 300px;
background-image: url(../images/bg-oxygen.jpg);
background-repeat: no-repeat;
}
#full-slider-wrapper {
background-color: #292C2D;
background-image: url(../images/backgrounds/bg-black-lines.png);
background-repeat: repeat;
background-position: center top;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #F3F0EA;
}
#full-slider-wrapper img {
background: none !important;
/*-------filter: none !important;--------- for png 24bit*/
}
.wrapper {
display: block;
background-color: #FBFBF8;
background-image: url(../images/backgrounds/bluepring-brown.jpg);
background-repeat: repeat;
background-position: left top;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #9E6F42;
}
/*
Footer Styles
*/
#footer {
padding-top: 20px;
color: #979081;
font-size: 14px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
padding-bottom: 20px;
}
#footer h2 {
color: #F3F0EA;
font-size: 20px;
}
#footer .f1 {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0px;
padding-left: 0px;
background-image: url(../images/transparent.gif);
background-color: transparent;
}
#footer .f3 {
background-image: url(../images/transparent.gif);
background-color: transparent;
}
#footer .f1 p, #footer .p1 p {
margin-bottom: 10px;
margin-top: 0px;
padding: 0px;
}
#footer .f1 a, #footer .p1 a {
color: #758569;
padding-bottom: 0px;
text-decoration: none;
}
#footer .f1 a:link, #footer .p1 a:link {
color: #758569;
padding-bottom: 0px;
text-decoration: none;
padding-left: 2px;
padding-right: 2px;
}
#footer .f1 a:hover, #footer .p1 a:hover {
color: #FFFFFF;
padding-bottom: 0px;
}
#footer .divider-border {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #8C5B32;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}
#footer .bullets.arrow li a {
text-decoration: none;
font-weight: 400;
color: #000;
}
#footer .bullets.arrow li a:hover {
color: #FFF;
text-decoration: none;
font-weight: 400;
}
#footer .bullets.arrow {
padding-left: 10px;
padding-right: 10px;
}
#footer .copyright {
text-align: center;
display: block;
font-weight: 400;
}
.clearer {
display: block;
clear: both;
}
.last {
display: block;
clear: both;
margin-right: 0px;
}
.boxShadow {
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.07);
}
.noSidePad {
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
}
.noTopPad {
margin-top: 0px !important;
padding-top: 0px !important;
}
.top-padding {
padding-top: 110px;
}
.padding-right {
}
.bottom-border {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #F3F0EA;
}
.subpages-top-spacer {
display: block;
margin: 0px;
padding: 0px;
height: 100px;
}
/*
Warning Sign for Internet Explorer 7 users (This website does not support IE7)
*/
#warning {
background-color: #333;
padding: 20px;
color: #fff;
margin-bottom: 10px;
line-height: 21px;
font-size: 16px;
}
#warning strong {
color: #fff;
}
#warning a {
color: #fff;
font-weight: normal;
padding-bottom: 0px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666;
}
#warning a:hover {
color: #fff;
font-weight: normal;
padding-bottom: 0px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: .fff;
}
/*
(f) Columns Fixed
*/
.f1, .f2, .f3, .f4 {
text-align: left; /* This creates the height of the columns, and padding top and bottom. Deleting this will remove the column height and padding */
clear: both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 20px;
overflow: hidden;
}
.f4.products p {
margin: 0px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-align: left;
}
.f4.products h2 {
margin: 0px;
padding: 0px;
text-align: left;
}
.f4.products img {
width: 100%;
padding: 0;
margin-bottom: 3px;
}
/*
Make all divs have a grey background, so they are visible.
*/
.f1 .one {
}
.f2 .one, .f2 .two {
}
.f3 .one, .f3 .one-two, .f3 .two, .f3 .two-three, .f3 .three {
}
.f4 .one, .f4 .one-two, .f4 .one-three, .f4 .two, .f4 .two-three, .f4 .two-four, .f4 .three, .f4 .three-four, .f4 .four {
}
/*
(p) Columns Percentage
*/
.p1, .p2, .p3, .p4 {
font-family: 'Open Sans', sans-serif;
font-weight: normal;
margin: 0 auto;
text-align: center;
background-color: #FFF; /* This creates the height of the columns, and padding top and bottom. Deleting this will remove the column height and padding */
clear: both;
}
/*
Make all divs have a grey background, so they are visible.
*/
.p1 .one {
background-color: #F4F4F4;
margin: 0 auto;
}
.p2 .one, .p2 .two {
}
.p3 .one, .p3 .one-two, .p3 .two, .p3 .two-three, .p3 .three {
}
.p4 .one, .p4 .one-two, .p4 .one-three, .p4 .two, .p4 .two-three, .p4 .two-four, .p4 .three, .p4 .three-four, .p4 .four {
background-color: #F4F4F4;
}
/*--------------------------------------------------
COLUMNS Percent Option 2
---------------------------------------------------*/
.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth {
float: left;
position: relative;
margin-right: 4%;
}
.one-half {
width: 48%;
}
.one-third {
width: 30.66%;
}
.two-third {
width: 65.33%;
}
.one-fourth {
width: 22%;
}
.three-fourth {
width: 74%;
}
.one-fifth {
width: 16.8%;
}
.last {
margin-right: 0 !important;
}
.last-noborder {
border-bottom-style: none;
border-bottom-width: 0px;
}
.one.aligncenter, .one-half.aligncenter, .one-third.aligncenter, .two-third.aligncenter, .one-fourth.aligncenter, .three-fourth.aligncenter, .one-fifth.aligncenter {
float: none;
}
/*--------------------------------------------------
SCROLL TO TOP
---------------------------------------------------*/
#back-top {
display: none;
}
#back-top {
position: fixed;
right: 0;
bottom: 0;
z-index: 1000;
width: 40px;
height: 40px;
background: url(../images/sprite.png) no-repeat scroll 0 -89px transparent;
text-indent: -9999px;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
}
#back-top:hover {
background-position: 0 -129px;
}
/*--------------------------------------------------
DROPCAPS
---------------------------------------------------*/
.dropcap1 {
float: left;
font-size: 53px;
line-height: 50px;
color: #444;
margin: 0 8px 0 0;
font-weight: bold;
}
.dropcap {
font-size: 24px;
text-transform: uppercase;
text-align: center;
display: block;
float: left;
margin: 6px 8px 0 0;
}
.dropcap.rectangle {
border-radius: 2px 2px 2px 2px;
}
.dropcap.round {
border-radius: 55px 55px 55px 55px;
}
.dropcap.border {
border: 1px solid #444;
color: #444;
padding: 9px 13px;
}
.dropcap.dark {
background-color: #444;
color: #FFFFFF;
padding: 11px 15px;
}
.dropcap.light {
background-color: #f5f5f5;
color: #676767;
padding: 11px 15px;
}
.dropcap.color {
background-color: #b40c0c;
color: #FFFFFF;
padding: 11px 15px;
}
/*--------------------------------------------------
EXTRA CSS CUSTOM by AldoDesign
---------------------------------------------------*/
#cms-news {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #EEE;
display: block;
}
#cms-news a {
text-decoration: none;
}
#cms-news h1 {
}
#cms-news .date {
}
#cms-news .small-photo {
}
/*--------------------------------------------------
Parallax background
---------------------------------------------------*/
.parallax-background {
position: relative;
}
.parallax-background {
width: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.09);
background-image: url(../images/subpages-tunnel.jpg);
background-color: #222525;
overflow: hidden;
background-position: 50% 50%;
padding-bottom: 20px;
}
.parallax-background-2 {
position: relative;
}
.parallax-background-2 {
width: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.09);
background-image: url(../images/bg-tomato-tunnel.jpg);
background-color: #222525;
overflow: hidden;
background-position: 50% 50%;
padding-bottom: 20px;
}
.parallax-background-3 {
position: relative;
}
.parallax-background-3 {
width: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.09);
background-image: url(../images/banner-lavander-dark.jpg);
background-color: #222525;
overflow: hidden;
background-position: 50% 50%;
padding-bottom: 20px;
}
.parallax-background-4 {
position: relative;
}
.parallax-background-4 {
width: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.09);
background-image: url(../images/bg-oxygen.jpg);
background-color: #222525;
overflow: hidden;
background-position: 50% 50%;
padding-bottom: 20px;
}
.parallax-background-5 {
position: relative;
}
.parallax-background-5 {
width: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.09);
background-image: url(../images/bg-strawberry-tunnel.jpg);
background-color: #222525;
overflow: hidden;
background-position: 50% 50%;
padding-bottom: 20px;
}
.parallax-background .holder {
padding: 0;
background-image: url(../images/subpages-tunnel.jpg);
background-repeat: no-repeat;
}
.parallax-background.color .item-mask {
opacity: 0.7;
filter: alpha(opacity=70);
}
.parallax-background.dark .item-mask {
background: rgba(92, 92, 92, 0.70);
box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
}
.parallax-background.light .item-mask {
background: rgba(255, 255, 255, 0.50);
box-shadow: 0 0 3px rgba(0,0,0,0.07) inset;
}
.parallax-background .item-mask {
z-index: 1;
position: absolute;
left: 0;
top: 0;
right: 0;
height: 100%;
}
/*--------------------------------------------------
WIDGET
---------------------------------------------------*/
.widget {
float: left;
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #EEE;
}
.widget .title {
font-size: 16px;
line-height: 20px;
font-weight: 400;
text-transform: uppercase;
display: block;
padding: 0;
margin: 0 0 15px 0;
color: #464849;
}
.widget ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.widget ul li {
padding: 0;
margin: 0 0 5px 0;
width: 100%;
}
.widget ul li:last-child {
margin: 0;
}
.widget ul li a {
color: #676767;
}
.widget ul li a:link, .widget ul li a:visited {
color: #B40B0B;
text-decoration: none;
}
.widget a:hover {
color: #666;
text-decoration: underline;
}
.widget ul li span.date {
color: #aaa;
display: block;
font-size: 11px;
text-transform: uppercase;
}
.widget img.alignleft {
margin: 5px 15px 0 0;
}
.widget.menu-category {
margin-bottom: 30px;
}
.widget.menu-category .bullets.arrow li a:hover {
color: #666;
text-decoration: underline;
}
/* Bullets */
ul.bullets {
list-style: none;
margin: 0px;
line-height: 20px;
font-size: 14px;
color: #666;
display: block;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
ul.arrow li {
list-style: none;
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 15px;
background-image: url(../images/icons/arrow_bullet.png);
background-repeat: no-repeat;
background-position: 0px 6px;
}
ul.black li {
list-style: none;
padding: 5px 5px 0px 20px;
background: transparent url(../../mmca2014/images/icons/black_bullet.png) no-repeat 0 11px;
display: block;
}
ul.red li {
list-style: none;
padding: 5px 5px 0px 20px;
background: url(../../mmca2014/images/icons/red_bullet.png) no-repeat 0 11px transparent;
display: block;
}
ul.square li {
list-style: none;
padding: 5px 5px 0px 20px;
background: url(../../mmca2014/images/icons/square_bullet.png) no-repeat 0 11px transparent;
display: block;
}
.skills-progress {
width: 98%;
}
.skills-progress p {
font-weight: 400;
clear: both;
margin-bottom: 6px;
}
.skills-progress p span {
display: inline-block;
color: #993300;
float: right;
font-weight: 600;
text-shadow: 1px 1px 3px #F7EFE9;
}
.meter {
height: 22px; /* Can be anything */
position: relative;
border: 1px solid #A9A494;
margin-bottom: 8px;
background-color: #CFCBC5;
}
.meter > span {
display: block;
height: 100%;
position: relative;
overflow: hidden;
background-color: #72992E;
}
.----------AldoDesign-CSS-END-Here--------- {
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before, .clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #fff;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
}