@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
body {
background-color: #FFe4e1; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; color: #555;
-webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch;
}
/* Titles */ h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif;
font-weight: 700; color: #333;
}
h1 { font-size: 35px; margin-top: 30px; margin-bottom: 30px; }
/* Paragraph & Typographic */ p {
line-height: 28px; margin-bottom: 25px; font-size: 16px;
}
.centered {
text-align: center;
}
/* Links */ a {
color: #20B2AA; word-wrap: break-word;
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in; -moz-transition: color 0.1s ease-in, background 0.1s ease-in; -ms-transition: color 0.1s ease-in, background 0.1s ease-in; -o-transition: color 0.1s ease-in, background 0.1s ease-in; transition: color 0.1s ease-in, background 0.1s ease-in;
}
a:hover, a:focus {
color: #7b7b7b; text-decoration: none; outline: 0;
}
a:before, a:after {
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in; -moz-transition: color 0.1s ease-in, background 0.1s ease-in; -ms-transition: color 0.1s ease-in, background 0.1s ease-in; -o-transition: color 0.1s ease-in, background 0.1s ease-in; transition: color 0.1s ease-in, background 0.1s ease-in;
}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;
}
.copyrights{ text-indent:-9999px; height:0; line-height:0; font-size:0; overflow:hidden; }
.navbar { text-transform: uppercase; margin-bottom: 0px; }
.navbar-inverse { padding-bottom: 70px; padding-top: 70px; }
.navbar-inverse { background-color: #FFA07A; border-color: #FA8072; }
.navbar-inverse .navbar-nav > li > a { color: white; }
.navbar-inverse .navbar-nav > li > a:hover { color: #222222; }
.navbar-brand { font-weight: 700; font-size: 20px; letter-spacing: 2px; }
.navbar-inverse .navbar-brand { color: white; }
.navbar-inverse .navbar-toggle { border-color: transparent; }
.progress-bar-theme {
background-color: #FFA07A;
}
/* Helpers */
.mt { margin-top: 40px; margin-bottom: 40px; }
.pt { padding-top: 50px; padding-bottom: 50px; }
/* +++++ WRAP SECTIONS +++++ */
- ww {
padding-top: 70px; padding-bottom: 70px; background-color: #f2f2f2; }
- footer {
background-color: #ADD8E6; padding-top: 50px; padding-bottom: 50px; }
- footer p {
color: white; }
- footer h4 {
color: white; text-transform: uppercase; padding-bottom: 20px; }
/* +++++ Color Wraps / Blog Page +++++ */
- grey {
padding-top: 60px; padding-bottom: 60px; background-color: #f2f2f2; }
- white {
padding-top: 60px; padding-bottom: 60px; background-color: #ffffff; }
/* Blog Date*/ bd { font-size: 12px; text-transform: uppercase; color: #d2d2d2; font-weight: 700; }
/* Blog Author*/ ba { font-size: 12px; text-transform: uppercase; }
/* Blog Quote */ .bq { font-size: 22px; padding-top: 30px; }
/* Blog Tags */ bt { font-size: 12px; }
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */ /* Effects also are controled by hover.zoom.js */ .zoom {
display:block; position:relative; overflow:hidden; background:transparent url(../img/loader.gif) no-repeat center;
}
.zoomOverlay { position:absolute; top:0; left:0; bottom:0; right:0; display:none; background-image:url(../img/zoom.png); background-repeat:no-repeat; background-position:center; }
.zoom2 { opacity: 1; }
.zoom2:hover { opacity: 0.5; }
/* glyphicon Configuration */
.glyphicon { font-size: 40px; color: #1abc9c; }