/* 
	Theme Name: World of Curved Theme
	Author: Orqa Design
	Author URI: http://orqadesign.com/
	Description: 2017 Custom built theme for World of Curved
	Version: 1.0
	License: For use by World of Curved Only
 	*/
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face { font-family: 'FontAwesome'; src: url(/wp-content/themes/worldofcurvedtheme/fonts/fontawesome-webfont.eot?v=4.7.0); src: url(/wp-content/themes/worldofcurvedtheme/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/wp-content/themes/worldofcurvedtheme/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(/wp-content/themes/worldofcurvedtheme/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(/wp-content/themes/worldofcurvedtheme/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(/wp-content/themes/worldofcurvedtheme/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.fa-bars:before { content: "\f0c9" }
.fa-chevron-circle-right:before { content: "\f138" }
.fa-angle-double-down:before { content: "\f103" }
.fa-chevron-right:before { content: "\f054"; color: #3a2b6f; }
.fa-copyright:before { content: "\f1f9" }
html { margin-top: 0px; }
/* Admin */
body#tinymce { font-family: 'PT Sans', sans-serif!important; }
/* Main Styles & Homepage */
body { font-family: 'Arvo', serif; font-size: 13px; color: #040404; line-height: 24px; }
.fontawesome { font-family: 'FontAwesome'; }
h1 { font-family: 'PT Sans', sans-serif; font-size: 28px; text-transform: uppercase; letter-spacing: 4px; }
h2 { font-size: 58px; line-height: 58px; }
.logo h2 { font-family: 'PT Sans', sans-serif; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; line-height: 28px; margin-left: 2px; }
.logo a { text-decoration: none; }
h3 { font-family: 'PT Sans', sans-serif; font-weight: 800; font-size: 18px; letter-spacing: 3px; text-transform: uppercase; color: #cecac7; line-height: 30px; margin-bottom: 5px; }
h4 { font-size: 14px; line-height: 30px; color: #3a2b6f; font-weight: 800; }
a { color: #040404; }
a:hover { color: #3a2b6f; text-decoration: none; }
a.button { background-color: #fff; display: block; text-align: center; letter-spacing: 2px; font-size: 12px; border: solid 1px #3a2b6f; color: #3a2b6f; padding: 10px; float: left; margin-right: 5px; text-transform: uppercase; text-decoration: none; font-family: 'PT Sans', sans-serif; }
a.button:hover { }
.left { float: left; }
.right { float: left; }
.clear { clear: both; }
.left { width: 50%; box-sizing: border-box; }
.right { width: 43%; box-sizing: border-box; }
.superight { width: 7%; box-sizing: border-box; float: right; }
.background-lightgrey { background-color: #cecac7; }
.lightgrey { color: #cecac7; }
.background-purple { background-color: #3a2b6f; }
.purple { color: #3a2b6f; }
.white { color: #fff; }
/* Menu */
#navigation { margin-top: 35px; float: right; margin-right: 25px; z-index: 10000; position: absolute; margin-left: -100px; width: 200px;}
#menu-icon { position: relative; color: #e5e5e5; font-family: "FontAwesome"; float: right; z-index: 200; font-size: 29px; margin-top: -55px; line-height: 40px; padding: 2px 5px; display: block; margin-top: 5px; margin-bottom: 5px; cursor: pointer; }
#menu-icon a { color: #e5e5e5; }
#navigation ul#menu-primary li { list-style-type: none; float: none; margin-right: 0px; padding-left: 0px; display: block; }
ul#menu-primary { z-index: 201; background: none repeat scroll 0 0 #482b7d; border: 0px; float: none; padding: 10px; position: absolute; right: 0; width: 100%; margin-top: 0px; text-align: center; -webkit-box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); -moz-box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); box-sizing: border-box; margin-top: 55px; }
.menu li a { margin-right: 0px; font-size: 14px; text-transform: uppercase; width: 100%; text-decoration: none; }
.menu li a:hover, .menu li a:active { color: #040707; }
.menu { display: none; float: right; width: 200px; z-index: 1; position: relative; }
.menu.active { display: block; }
.menu li { text-align: right; line-height: 16px; font-family: 'PT Sans', sans-serif; margin-bottom: 5px; }
.fa-bars { color: #e5e5e5; }
section.a { margin-top: 115px; height: 160px; }
section.b { height: 310px; }
section.c { height: 130px; }
section.c ul li { float: left; margin-right: 10px; }
.right.two { height: 400px; opacity: 0.6; }
.left.two { height: 400px; }
section.d { text-align: right; padding-left: 100px; }
.left.three { padding-top: 0px; padding-right: 0px; text-align: right; }
.left.three img { width: 396px; height: auto; opacity: 0.4; }
.right.three, .left.three { height: 300px; }
/* Header */

/* Footer */
.copyright { color: #cecac7; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; margin-top: -40px; margin-bottom: 20px; font-family: 'PT Sans', sans-serif; }
.copyright a { color: #cecac7; text-decoration: none; }
footer .left, footer .right { padding-bottom: 40px; }
/* Fade Transition */
a.button, a { -moz-transition: opacity .5s ease-in-outt; -o-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; opacity: 1; }
a.button:hover, a:hover { opacity: 0.5; }
/* Home */
.left.one { height: 850px; background-color: #6d5895; overflow: hidden; }
.left.one .inner { height: 115%; opacity: 0.3; margin: -50px; margin-top: -100px; }
.right.one { height: 850px; }
.left { padding: 50px; }
.right { padding: 50px; }
.c-icon { width: 30px; margin-top: -20px; margin-left: -20px; z-index: 1; position: relative; }
.left.one h2 { z-index: 1; padding-top: 140px; position: absolute; width: 40%; }
.fa-angle-double-down { font-size: 48px; text-align: center; display: block; margin-top: -100px; cursor:pointer; position: relative;
z-index: 100000;}
.footercontact { float: left; margin-top: 15px; }
.contactfooter { width: 140px; float: right; margin-top: -60px; }
.contactfooter img { float: right; }
.superight { overflow: hidden; background-color: #cfcbc8; height: 100%; float: right; padding-bottom: 670px; }
footer .left { padding-right: 0px; }

/* IE only override*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html { }
}
/* Chrome only override */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
@media only screen and (max-width:1650px) {
#navigation {
    width: 170px;
}
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
@media only screen and (max-width:1370px) {
a.button.first { margin-top: -25px; }
a.button.second { margin-top: 10px; }
.superight { padding-bottom: 690px; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
@media only screen and (max-width:1060px) {
section.a { height: 200px; }
section.b { height: 270px; }
#navigation { margin-right: 15px; }
section.d { padding-left: 50px; }
#navigation {
    width: 155px;
}
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:1020px) {
.contactfooter { margin-top: -10px; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:940px) {
.left { width: 43%; }
.right { width: 50%; }
.left.one h2 { width: 35%; font-size: 50px; }
section.d { padding-left: 0px; }
.left.three img { width: 100%; }
#navigation {
    width: 145px;
}
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:860px) {
.superight { display: none; }
.right { width: 100%; }
.left { width: 100%; }
.left.one h2 { width: auto; font-size: 40px; padding-top: 0px; box-sizing: border-box; float: left; margin-left: 30px; line-height: 35px; margin-top: -5px; padding-right: 50px; }
.fa-angle-double-down { display: none; }
.left.one .inner { margin: -50px; padding-bottom: 50px; }
.left.one { height: 180px; overflow: hidden; padding-bottom: 0px; }
section.a, section.b, section.c { margin-top: 20px; height: auto; }
.right.one { height: auto; padding-bottom: 0px; }
.left.two { height: auto; padding-top: 0px; }
section.d { text-align: left; margin-top: 20px; }
.right.three, .left.three { height: auto; }
.left.three { padding: 0px; padding-top: 7px; }
.contactfooter img { display: none; }
footer .right { padding-bottom: 20px; padding-top: 0px; }
a.button.first, a.button.second { margin-top: 0px; }
.contactfooter { width: auto; float: none; }
footer .left { padding-bottom: 0px; }
.c-icon { margin-top: 0px; float: left; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:500px) {
.left.one h2 { font-size: 30px; line-height: 28px; margin-top: -20px; }
.right, .left { padding: 20px; }
.left.one { padding: 50px; padding-bottom: 0px; }
.copyright { margin-top: -10px; }
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:592px) {
a.button.second { margin-top: 10px; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:319px) {
html { min-width: 319px; }
}