/* Theme Name: Courtyard Marriott Theme URI: Description: A simple and clean using the latest HTML5 and CSS3 techniques. Author: Fire Stitch Author URI: */ /* ---------------------------------------------------------------------- */ /* Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/) /* ---------------------------------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,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,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0} /* Clearfix */ .clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1} /* Some basic settings */ h1, h1 .button { font-size: 24px; } h2, h2 .button { font-size: 20px; } h3, h3 .button { font-size: 17px; } h4, h4 .button { font-size: 15px; } h5, h5 .button { font-size: 14px; } h6, h6 .button { font-size: 12px; } small { font-size: 10px; } ol { list-style: decimal; } ul { list-style: none; } li { margin-left: 20px; } img { margin-bottom: 5px; } dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; } /* ---------------------------------------------------------------------- */ /* Basic Elements & Classes /* ---------------------------------------------------------------------- */ body { background: #fff; border-top: 6px solid #3a3a3a; color: #909090; font: 11px/1.7 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } ::-moz-selection { background: #f15a23; color: #fff; text-shadow: none; } ::selection { background: #f15a23; color: #fff; text-shadow: none; } h1, h2, h3, h4, h5, h6 { color: #474747; font-weight: 400; line-height: 30px; margin-bottom: 15px; } h3, h4, h5 { font-weight: 600; } a, a > * { color: #3a3a3a; text-decoration: none; -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; } a:hover, a > *:hover { color: #f15a23; } hr { background: #efefef; color: #efefef; margin: 5px 0 25px; } hr.dotted { border-style: dotted; } p + hr { margin: 25px 0 20px; } blockquote { background: #f8f8f8 url(images/quote.png) no-repeat 17px 21px; font-style: italic; font-size: 15px; line-height: 1.6; padding: 20px 20px 20px 55px; } blockquote.simple { background: none; border-left: 2px solid #ddd; color: #bbb; font-size: 13px; margin: 0; padding: 0 0 0 10px; } blockquote p:last-of-type { margin-bottom: 0; } blockquote small { font-size: 12px; } .button, input[type="submit"], input[type="reset"], button { background: #f15a23; border: none; color: #fff; cursor: pointer; font-weight: 400; height: auto; overflow: visible; padding: 7px 20px; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; width: auto; } .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover { background: #3a3a3a; color: #fff; } .button { font-size: 12px; display: inline-block; padding: 5px 16px; } .button.medium { font-size: 13px; } .button.large { font-size: 15px; } .button.no-bg { background: none; color: #3a3a3a; padding: 0; } .button.no-bg:hover, #footer .button.no-bg:hover { background: none; color: #f15a23; } .button .icon, .button .arrow { color: transparent; cursor: pointer; display: inline-block; font: 0/0 a; height: 19px; margin: -3px 0 0 3px; text-shadow: none; vertical-align: middle; width: 19px; } .ie7 .button .icon, .ie7 .button .arrow { display: inline; } .button .arrow { background: #ddd url(images/button-arrows.png) no-repeat 0 0; } .button .icon.left, .button .arrow.left { margin-left: 0; margin-right: 3px; } .button .arrow.left { background-position: 0 -19px; } .button:hover .arrow { background-color: #f15a23; } .dropcap { background: #eaeaea; color: #777; display: inline-block; float: left; font-size: 23px; font-weight: 600; height: 36px; line-height: 36px; margin: 0 7px 0 0; text-align: center; width: 36px; } .dropcap.dark { background: #3a3a3a; color: #fff; } .infobox { background: #fbfbfb; border: 1px solid #efefef; margin: 0 0 20px; padding: 25px; } .infobox .one-half { width: 434px; } .infobox .one-third { width: 282px; } .infobox .two-third { width: 586px; } .infobox .one-fourth { width: 207px; } .infobox .three-fourth { width: 661px; } .single-image, .image-gallery, .iframe { cursor: pointer; margin-bottom: 5px; } .single-image.none, .image-gallery.none, .iframe.none, .single-image.none img, .image-gallery.none img, .iframe.none img { display: inline; margin-bottom: 0; overflow: visible; } .single-image.align-left, .image-gallery.align-left, .iframe.align-left { margin-bottom: 15px; margin-right: 15px; } .single-image.align-right, .image-gallery.align-right, .iframe.align-right { margin-bottom: 15px; margin-left: 15px; } /*.single-image img, .image-gallery img, .iframe img { margin-bottom: 0px; }*/ .single-image .zoom, .image-gallery .zoom, .iframe .zoom { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.4); color: transparent; display: none; font: 0/0 a; height: 0; left: 0; filter: alpha(opacity=0); opacity: 0; position: absolute; text-shadow: none; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; width: 0; z-index: 1; } .single-image .zoom:before, .image-gallery .zoom:before, .iframe .zoom:before { background: url(images/zoom.png) no-repeat; content: ''; display: none; position: absolute; height: 58px; margin: -29px 0 0 -29px; left: 50%; top: 50%; width: 58px; } .single-image.video .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before { background-image: url(images/zoom-video.png); } .single-image.link .zoom:before, .image-gallery.link .zoom:before, .iframe.link .zoom:before { background-image: url(images/zoom-link.png); } .single-image:hover .zoom, .image-gallery:hover .zoom, .iframe:hover .zoom { filter: alpha(opacity=40); opacity: 1; } /* ---------------------------------------------------------------------- */ /* Generic Classes /* ---------------------------------------------------------------------- */ /*.flexslider .slides img{ width: 100%; height: auto; }*/ .hidden, .wpcf7-display-none { display: none; } .disabled { cursor: auto; } .screenreader { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); /* Fallback for old IE */ position: absolute; } .align-center, .aligncenter { margin-left: auto; margin-right: auto; text-align: center; } .align-left, .alignleft { float: left; } img.align-left, img.alignleft { margin-bottom: 15px; margin-right: 15px; } .align-right, .alignright { float: right; } img.align-right, img.alignright { margin-bottom: 15px; margin-left: 15px; } /* Wordpress required classes */ .bypostauthor {} .sticky {} .wp-caption {} .wp-caption-text {} .gallery-caption {} /* ---------------------------------------------------------------------- */ /* Mariott Styles /* ---------------------------------------------------------------------- */ .reserveToggle{ background-color:#588141;; padding: 20px 0px 0px; display: none; } .green-copy { font-size: 16px; font-weight: 400; color: #539533; } .lightgreen-copy { font-size: 12px; font-weight: 400; color: #7fa409; } .orange-copy { font-weight: 400; color: #f89920; } #content img { border: 5px solid #f89920; } /* Bottom Links*/ .bottom-links { background: #ececec; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ececec 0%, #fdfefe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#fdfefe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ececec 0%,#fdfefe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ececec 0%,#fdfefe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ececec 0%,#fdfefe 100%); /* IE10+ */ background: linear-gradient(to bottom, #ececec 0%,#fdfefe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#fdfefe',GradientType=0 ); /* IE6-8 */ padding: 15px 10px; /*width: 100%;*/ float: left; margin-top: 25px; } .bottom-links li { display: block; list-style: none; margin-left: 18px; width: 97px; float: left; } .bottom-links img { border: 5px solid #f89920; } .bottom-links p { font-weight: bold; font-size: 10px; text-align: center; text-transform: uppercase; } /* Gravity Forms*/ .gfield_radio li { display: inline-block; } .gfield_radio li input { display: inline; margin-left: 0.5em; padding-left: 9px; } .gform_wrapper .gfield_radio li label{ display: inline; margin: 0 0 0 5px; padding: 0 10px; position: relative; top: 9px; } .galleria-stage { position: absolute; top: -38px; bottom: 76px; left: 10px; right: 10px; overflow: hidden; } .galleria-container { position: relative; overflow: hidden; background: transparent; top: -5px; } .galleria-info { width: 50%; top: -11px; left: 0px; z-index: 2; position: absolute; } /* Reservation Section---------------------------------*/ form.reserveForm{ width: 160px; margin: 0 auto; } .reserveForm input[type="checkbox"] { height: 14px; width: 14px; margin-top: 2px; margin-right: 2px; margin-bottom: 0px; padding: 0px !important; } .reserveForm select, .reserveForm input{ margin-bottom: 8px; } .reserveForm select { background-image: url(images/responsive-nav-bg.png); background-position: center right; background-repeat: no-repeat; } .reserveForm input[type="text"] { background-image: url(images/icon-grid.png); background-position: center right; background-repeat: no-repeat; } /*input::-webkit-calendar-picker-indicator{ display: none; }*/ /*input[type="date"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }*/ .reservation-section { background-color:#689550; padding: 42px 0px 0px; } .reservation-section h3, .reserveToggle h3 { font-size: 15px; text-align: center; margin-top: 15px; margin-bottom: 25px; color: #fff; } /*.reserveToggle h3 span { font-weight: bold; font-size: 18px; }*/ .reservation-section iframe{ padding-left: 27px; } .reservation-section img { margin-bottom: -6px; margin-top: 80px; } .reservation-section span { color: #fff; font-size: 12px; display: block; } select#adults, select#children{ width: 75px; height: 20px; padding: 0px 7px; } select#roomtype{ width: 160px; height: 20px; padding: 0px 7px; } input.datepicker { width: 144px; height: 20px; padding: 0px 7px; } .form_select, .form_select_last{ float:left; } .form_select_last{ padding-left: 10px; } a.cancelReserve{ color: #fff; text-decoration: underline; font-size: 12px; display: block; } input#date[type="date"] { width: 115px; height: 10px; } #submit-button{ margin:10px 0; } /* POV Area*/ .pov-area { margin-top: 9px; margin-right: 0px !important; margin-left: 0px; float: left; width: 700px; } .pov-area-full { width: 940px; margin: 0 auto !important; padding-top: 10px; float: none !important; } .pov-area h3, .pov-area p { color: #008000; margin-bottom: 0px; } .pov-area img{ margin-bottom: 0px; } /* Amenity */ #amenity { margin-top: 40px; } #amenity img{ margin-bottom: 20px; } p.form-allowed-tags{ display: none; } code { display: none; } /* Calculator ---------------------------------------------*/ .calculator{ background-color: #689550; color: #fff; padding: 10px; } .calculator h2{ color: #fff; font-size: 14px; line-height: 18px; } /* ---------------------------------------------------------------------- */ /* Lists /* ---------------------------------------------------------------------- */ .none > ul { list-style: none; margin: 0; } .dotted + .dotted:before { content:''; display: block; clear: both; border-bottom: 1px dotted #bdbdbd; margin: -15px 0 5px; } .none li, .arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li { list-style: none; margin: 0; padding: 0 0 0 24px; } .none li { background: none; } .arrow li { background: url(images/list-arrow.png) no-repeat 5px 5px; } .arrow-2 li { background: url(images/list-arrow-2.png) no-repeat 2px 4px; } .circle li { background: url(images/list-circle.png) no-repeat 4px 5px; } .check li { background: url(images/list-check.png) no-repeat 3px 4px; } .check-2 li { background: url(images/list-check-2.png) no-repeat 0 4px; margin-bottom: 10px;} .star li { background: url(images/list-star.png) no-repeat 0 1px; } .plus li { background: url(images/list-plus.png) no-repeat 3px 3px; } .dash li { background: url(images/list-dash.png) no-repeat 3px 8px; } /* ---------------------------------------------------------------------- */ /* Alert Boxes /* ---------------------------------------------------------------------- */ .error, .success, .info, .notice, .wpcf7-response-output { display: block; padding: 10px 20px 10px 44px; } .error, .wpcf7-validation-errors, .wpcf7-mail-sent-ng, .wpcf7-spam-blocked { background: #f9e5e6 url(images/icon-box-error.png) no-repeat 10px 9px; border: 1px solid #f7c7c9; border-left-width: 4px; color: #b3696c; } .success, .wpcf7-mail-sent-ok { background: #e3ebc6 url(images/icon-box-success.png) no-repeat 12px 8px; border: 1px solid #c2d288; border-left-width: 4px; color: #8fa442; } .info { background: #d8ecf5 url(images/icon-box-info.png) no-repeat 10px 8px; border: 1px solid #9ac9df; border-left-width: 4px; color: #528da9; } .notice { background: #fcf7d9 url(images/icon-box-notice.png) no-repeat 10px 9px; border: 1px solid #f5dc7d; border-left-width: 4px; color: #c4a21b; } /* ---------------------------------------------------------------------- */ /* Forms /* ---------------------------------------------------------------------- */ label { cursor: pointer; display: block; margin: 0 0 5px; } input, textarea, select { -webkit-appearance: none; /* Fix for Mobile Safari */ background-color: #fff; border: 1px solid #e8e8e8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #8f8f8f; font-size: 12px; line-height: 1.5; padding: 5px 10px; border-radius: 0; } input, select { height: 30px; width: 200px; } textarea { padding: 10px; resize: both; } input:hover, textarea:hover, select:hover { border-color: #dedede; } input:focus, textarea:focus, select:focus { border-color: #ccc; } input[type="submit"], input[type="reset"], button { font-size: 13px; text-transform: uppercase; } input[type="submit"].medium, input[type="reset"].medium, button.medium { font-size: 15px; } input[type="submit"].large, input[type="reset"].large, button.large { font-size: 17px; } select, option { cursor: pointer; padding: 5px 7px; } input[type="checkbox"], input[type="radio"], .wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] { width: 20px; } /* Fix for Mobile Safari */ input[type="checkbox"] { -webkit-appearance: checkbox; float: left;} input[type="radio"] { -webkit-appearance: radio; } /* Chrome, Safari */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; } /* Firefox */ input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; } /* jQuery fallback */ input.placeholder, textarea.placeholder, .wpcf7 .watermark { color: #b0b0b0; } /* ---------------------------------------------------------------------- */ /* Tables /* ---------------------------------------------------------------------- */ table { width: 100%; } tr, th, td { vertical-align: middle; } tr { background: #f8f8f8; } tr:nth-child(odd) { background: #f0f0f0; } th, td { padding: 8px 10px; } th { background: #eaeaea; color: #777; font-weight: 600; text-align: left; } table.dark th { background-color: #3a3a3a; color: #fff; } td { border-left: 1px solid #fff; border-top: 1px solid #fff; } td:first-child { border-left: none; } /* ---------------------------------------------------------------------- */ /* Wrap /* ---------------------------------------------------------------------- */ .container { margin: 0 auto; position: relative; width: 940px; } .float-left{ float: left;} .float-right{ float: right !important;} /* -------------------------------------------------- */ /* Columns /* -------------------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth { float: left; margin-right: 10px; } .one-third-half { float: left; margin-right: 20px; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last, .one-third-half.last { margin-right: 0px; } .one-half { width: 460px; } .one-third { width: 300px; } .two-third { width: 620px; } .one-fourth { width: 220px; } .three-fourth { width: 700px; } .four-fourth {width: 940px;} .one-third-half { width:320px; } /* ---------------------------------------------------------------------- */ /* Header /* ---------------------------------------------------------------------- */ #header { height: 146px; z-index: 97; } #logo { float: left; height: 86px; } #logo h1 { padding: 18px 0; } #logo img {margin-bottom: 0px;} /* -------------------------------------------------- */ /* Main Navigation /* -------------------------------------------------- */ #main-nav { float: right; } #main-nav > ul, #main-nav .menu > ul { margin: -7px; } #main-nav li { list-style: none; float: left; margin: 0; position: relative; } #main-nav a { color: #3a3a3a; font-size: 14px; font-weight: 800; display: block; letter-spacing: -0.08px; padding: 50px 20px 17px; position: relative; text-align: center; text-transform: uppercase; z-index: 98; } .ie7 #main-nav a { padding: 33px 20px; } #main-nav a:after { color: #aeaeae; content: attr(data-description); font-size: 11px; font-style: italic; font-weight: 400; display: block; line-height: 0; margin: 3px 0 -3px; text-align: center; text-transform: lowercase; } #main-nav a:hover, #main-nav .hover > a, #main-nav .current_page_item > a, #main-nav .current-menu-item > a, #main-nav .current_page_parent > a, #main-nav .current_page_ancestor > a, #main-nav .current-menu-ancestor > a { border-bottom-color: #f15a23; border-top-color: #f15a23; color: #f15a23; } /* Dropdown */ .no-js #main-nav li:hover > ul { display: block; top: 92px; } #main-nav ul ul { background: #3a3a3a; -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); display: none; left: 0; padding: 0; position: absolute; top: 92px; width: 200px; z-index: 99; } #main-nav ul ul li { float: none; } #main-nav ul ul a { border: 0; border-bottom: 1px solid #252525; border-top: 1px solid #4c4c4c; color: #fff; display: block; font-size: 11px; letter-spacing: 0; font-weight: 400; padding: 8px 20px !important; text-align: left; text-transform: none; } #main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current_page_item > a, #main-nav ul ul .current_page_item > a:hover, #main-nav ul ul .current_page_parent > a, #main-nav ul ul .current_page_parent > a:hover, #main-nav ul ul .current-menu-item > a, #main-nav ul ul .current-menu-item > a:hover, #main-nav ul ul .current_page_ancestor > a, #main-nav ul ul .current-menu-ancestor > a:hover { background: #f15a23; color: #fff; } .not-ie #main-nav ul ul .current_page_item:after, .not-ie #main-nav ul ul .current-menu-item:after, .not-ie #main-nav ul ul .current_page_parent:after, .not-ie #main-nav ul ul .current_page_ancestor:after, .not-ie #main-nav ul ul .current-menu-ancestor:after { display: none; } /* Sub Dropdown */ #main-nav ul ul ul { left: 200px !important; top: 0 !important; } /* Secondary Nav*/ #second-nav{ margin-top: 10px; } #second-nav li{ background: none; border: none; display: inline-block; list-style: none; margin: 0 -3px 0 0; } .ie7 #second-nav li { display: inline; } #second-nav li a { border-left: 1px solid #bdbdbd; font-size: 11px; display: block; padding: 0 15px; text-transform: capitalize; } #second-nav li:first-child a { border-left: none; padding-left: 0; padding-right: 15px; } #second-nav li:last-child a { border-right: 1px solid #bdbdbd; } .menu-secondary-menu-container { float: left; } /* Responsive Nav */ select.responsiveMenuSelect{ background-image: url(images/responsive-nav-bg.png); background-position: center right; background-repeat: no-repeat; } .responsive-nav{ display:none; } /* ---------------------------------------------------------------------- */ /* Content /* ---------------------------------------------------------------------- */ /* Top Content*/ #top-content { background-color: #211e19; } /* Main Content*/ #content { padding-top: 40px; } .ie7 #content { padding-top: 25px; } /* -------------------------------------------------- */ /* Page Header /* -------------------------------------------------- */ .page-header { border-bottom: 1px solid #efefef; margin: -15px 0 40px; } .ie7 .page-header { margin-top: 0; } .slogan, .page-title, .page-description, .page-subdescription, .project-title { font-weight: 300; letter-spacing: -0.1px; margin-bottom: 0; } .page-title, .page-description, .page-subdescription, .project-title { font-size: 28px; margin-top: -10px; padding: 0 0 35px; } .slogan { font-size: 24px; margin-bottom: 40px; } .page-title { margin-top: 0; } .page-subdescription { font-size: 20px; } .project-title { margin-top: -15px; padding-bottom: 30px; } .page-description { font-size: 32px; font-weight: 400; padding: 0 0 40px; } .page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr { margin-bottom: 40px; margin-top: 0; } .section-title { font-weight: 800; text-transform: uppercase; } /* -------------------------------------------------- */ /* Main /* -------------------------------------------------- */ #main { float: left; margin: 0 40px 0 0; width: 680px; } .sidebar-left #main { float: right; margin-left: 40px; margin-right: 0; } /* ---------------------------------------- */ /* Columns /* ---------------------------------------- */ #main .one-half, #main .one-third, #main .two-third, #main .one-fourth, #main .three-fourth { float: left; margin-right: 20px; } #main .one-half.last, #main .one-third.last, #main .two-third.last, #main .one-fourth.last, #main .three-fourth.last { margin-right: 0px; } #main .one-half { width: 330px; } #main .one-third { width: 213px; } #main .two-third { width: 447px; } #main .one-fourth { width: 155px; } #main .three-fourth { width: 505px; } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ /* ---------------------------------------- */ /* Accordion Content /* ---------------------------------------- */ .acc-trigger { border-top: 1px dotted #ced8df; cursor: pointer; display: block; margin: 0; } .acc-trigger:last-of-type, .acc-container:last-of-type { border-bottom: 1px dotted #ced8df; margin-bottom: 20px; } .no-js .acc-trigger:last-of-type { border-bottom: none; } .acc-trigger a { background: url(images/accordion-content-buttons.png) no-repeat 20px 23px; display: block; color: #959393; outline: medium none; padding: 25px 20px 25px 55px; text-decoration: none; text-shadow: none; } h3.acc-trigger a, h4.acc-trigger a { background-position: 20px 24px; } h6.acc-trigger a { background-position: 20px 21px; } .acc-trigger a:hover { background-color: #f8f8f8; } .acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #f15a23; } .acc-trigger.active a:hover { background-color: transparent; } .acc-trigger.active { cursor: default; } .acc-trigger[data-mode=toggle].active, .acc-trigger[data-mode=toggle].active a { cursor: pointer; } .acc-trigger.active:last-of-type { border-bottom: none; margin-bottom: 0; } .acc-trigger.active a { background-position: 20px -88px; cursor: default; } h3.acc-trigger.active a, h4.acc-trigger.active a { background-position: 20px -87px; } h6.acc-trigger.active a { background-position: 20px -90px; } .acc-container .content { padding: 0 20px 25px 55px; } .acc-container .content .one-half { width: 422px; } .acc-container .content .one-third { width: 275px; } .acc-container .content .two-third { width: 570px; } .acc-container .content .one-fourth { width: 201px; } .acc-container .content .three-fourth { width: 644px; } .js .acc-container { margin-top: -15px; } /* ---------------------------------------- */ /* Content Tabs /* ---------------------------------------- */ .tabs-nav { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; } .tabs-nav li { float: left; line-height: 32px; margin: 0; overflow: hidden; padding: 0; position: relative; } .tabs-nav li.active { line-height: 31px; } .tabs-nav li a { background: #f8f8f8; border: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-left: none; color: #959393; display: block; letter-spacing: 0; outline: none; padding: 0 16px; text-decoration: none; text-shadow: 0 1px 0 #fff; } .tabs-nav li:first-child a { border-left: 1px solid #eaeaea; } .tabs-nav li a:hover { background: #f0f0f0; } .tabs-nav li a:hover, .tabs-nav li.active a { color: #f15a23; } .tabs-nav li.active a { background: #fff; border-bottom: 2px solid #fff; border-top: 1px solid #f15a23; } .tabs-container { background: #fff; margin: -1px 0 20px; overflow: hidden; width: 100%; } .tab-content { border: 1px solid #eaeaea; padding: 20px; } .tab-content .one-half { width: 440px; } .tab-content .one-third { width: 286px; } .tab-content .two-third { width: 594px; } .tab-content .one-fourth { width: 210px; } .tab-content .three-fourth { width: 670px; } /* -------------------------------------------------- */ /* Back to Top /* -------------------------------------------------- */ #back-to-top, .touch-device #back-to-top:hover { background: url(images/arrow-up-large.png) no-repeat center center; background-color: rgb(221, 221, 221); background-color: rgba(221, 221, 221, .7); bottom: 20px; color: transparent; display: none; font: 0/0 a; height: 46px; position: fixed; right: 20px; text-shadow: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; width: 45px; z-index: 100; } #back-to-top:hover, #back-to-top.hover, .touch-device #back-to-top:active { background-color: #f15a23; } /* ---------------------------------------------------------------------- */ /* Home /* ---------------------------------------------------------------------- */ /* ---------------------------------------- */ /* Content /* ---------------------------------------- */ .ss-slider .content-container, .no-js .ss-slider .slide-content { background: rgb(0, 0, 0); /* Fallback for old IE */ filter: alpha(opacity=60); /* Fallback for old IE */ background: rgba(0, 0, 0, .6); bottom: 115px; display: block; left: 30px; margin: 0; overflow: hidden; padding: 25px 30px 30px; position: absolute; width: 255px; z-index: 2; } .ss-slider.hide-content .content-container { display: none; } .ss-slider.hide-bottom-buttons .content-container, .no-js .ss-slider.hide-bottom-buttons .slide-content { bottom: 30px; } .ss-slider.show-content-onhover .content-container, .ss-slider.show-content-onhover .pagination-container a { opacity: 0; filter: alpha(opacity=0); /* Fallback for old IE */ } .ss-slider.fully-loaded.show-content-onhover:hover .content-container, .ss-slider.fully-loaded.show-content-onhover:hover .pagination-container a { opacity: 1; filter: alpha(opacity=60); /* Fallback for old IE */ } .ss-slider.fully-loaded .content-container { -webkit-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out; -moz-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out; -ms-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out; -o-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out; transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out; } .ss-slider .content-container.center { bottom: auto; left: 50%; margin-left: -193px; padding: 20px 30px; text-align: center; top: 135px; width: 326px; } .ss-slider .content-container.bottom { bottom: 85px; left: 38px; max-width: 804px; padding: 10px 30px; text-align: center; width: 100%; } .ss-slider.hide-bottom-buttons .content-container.bottom { bottom: 0; } .ss-slider .slide-content { color: #bfbfbf; display: none; text-shadow: 0 -1px rgba(0, 0, 0, .75); } .ss-slider .slide-content a { color: #f15a23; } .ss-slider .slide-content a:hover { text-decoration: underline; } .ss-slider .slide-content h1, .ss-slider .slide-content h2, .ss-slider .slide-content h3, .ss-slider .slide-content h4, .ss-slider .slide-content h5, .ss-slider .slide-content h6 { color: #fff; margin: 0; } .ss-slider .slide-content h1 + *, .ss-slider .slide-content h2 + *, .ss-slider .slide-content h3 + *, .ss-slider .slide-content h4 + *, .ss-slider .slide-content h5 + *, .ss-slider .slide-content h6 + * { margin-top: 5px; } .ss-slider .slide-content h2 { font-size: 20px; font-weight: 700; } .ss-slider .slide-content h6 { font-size: 13px; font-weight: 400; } .ss-slider .slide-content p { margin-bottom: 10px; } .ss-slider .slide-content p:last-of-type { margin-bottom: 0; } .ss-slider .slide-content .button { color: #fff; font-size: 11px; padding: 5px 14px; text-shadow: none; } .ss-slider .slide-content .button:hover { text-decoration: none; } /* ---------------------------------------- */ /* Pagination /* ---------------------------------------- */ .ss-slider .pagination-container a { background: rgb(241, 90, 35) url(images/slider-arrows-small.png) no-repeat 0 center; /* Fallback for old IE */ filter: alpha(opacity=60); /* Fallback for old IE */ background: rgba(241, 90, 35, 0.6) url(images/slider-arrows-small.png) no-repeat 0 center; bottom: 115px; color: transparent; cursor: pointer; display: block; font: 0/0 a; min-height: 27px; left: 346px; overflow: hidden; position: absolute; text-align: center; text-shadow: none; -webkit-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease; -moz-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease; -ms-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease; -o-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease; transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease; width: 15px; z-index: 2; } .ss-slider.hide-bottom-buttons .pagination-container a { bottom: 30px; } .ss-slider.hide-content .pagination-container a { display: none; } .ss-slider .pagination-container .next { background-position: -15px center; bottom: 156px; } .ss-slider.hide-bottom-buttons .pagination-container .next { bottom: 71px; } .ss-slider .pagination-container a:hover, .ss-slider.show-content-onhover:hover .pagination-container a:hover { background-color: rgba(241, 90, 35, 1); filter: alpha(opacity=100) !important; /* Fallback for old IE */ } .ss-slider .pagination-container.center a { background-image: url(images/slider-arrows-large.png); bottom: auto; left: 50%; min-height: 40px; top: 135px; width: 35px; } .ss-slider .pagination-container.center .prev { background-position: 0 center; left: 241px; } .ss-slider .pagination-container.center .next { background-position: -35px center; left: auto; right: 241px; } .ss-slider .pagination-container.bottom a { background-image: url(images/slider-arrows-medium.png); bottom: 85px; min-height: 20px; width: 37px; } .ss-slider.hide-bottom-buttons .pagination-container.bottom a { bottom: 0; } .ss-slider .pagination-container.bottom .prev { background-position: -1px center; left: 0; } .ss-slider .pagination-container.bottom .next { background-position: -40px center; left: auto; right: 0; } /* ---------------------------------------- */ /* Active Slide Bar /* ---------------------------------------- */ .ss-slider .active-slide-bar { background: #f15a23; bottom: 0; display: block; height: 4px; left: 0; position: absolute; visibility: hidden; z-index: 10; } .ss-slider.hide-bottom-buttons .active-slide-bar { display: none; } /* -------------------------------------------------- */ /* Projects Carousel /* -------------------------------------------------- */ .no-js .projects-carousel, .no-js .post-carousel { border-top: 1px solid #efefef; margin: 15px -20px 60px 0; padding: 25px 0 0; } .projects-carousel > li, .post-carousel > li, #portfolio-items > article { float: left; list-style: none; margin: 0 20px 0 0; overflow: hidden; position: relative; } .projects-carousel > li, .post-carousel > li { width: 220px; } .no-js .post-carousel > li { display: inline-block; float: none; } .no-js .projects-carousel > li, .no-js #portfolio-items > article { margin-bottom: 40px; } .projects-carousel a, #portfolio-items article .project-meta { /*border-bottom: 1px solid #efefef;*/ display: block; text-align: left; } .projects-carousel a { padding: 20px 0 0; } #portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player { margin: 0 auto; } .projects-carousel img, #portfolio-items article img { background-color: #fff; margin: 0 auto; /*filter: alpha(opacity=70); opacity: 0.7;*/ } .no-js .projects-carousel img, .no-js #portfolio-items article img { margin-bottom: 0; } .projects-carousel img { margin: -25px auto 20px; } .projects-carousel .title, #portfolio-items > article .title { font-weight: 400; margin: -1px 0 15px; color: #87b263; font-size: 15px; line-height: 18px; } .projects-carousel > li .categories, #portfolio-items > article .categories, #portfolio-items > article a + .project-meta .categories { color: #575757; display: block; margin: 6px 0 20px; font-size: 12px; } #portfolio-items > article .categories { margin-bottom: 19px; } .more-info { font-size: 11px; font-weight: bold; color:#f89b1a; } /*.projects-carousel a:hover, #portfolio-items > article:hover { background: #f8f8f8; border-bottom: 1px solid #f15a23; }*/ /*.not-ie .projects-carousel a:hover:after, .not-ie #portfolio-items > article:hover:after { background: #f15a23; bottom: -2.5px; content: ''; left: 50%; display: block; height: 5px; margin: 0 0 0 -2.5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; width: 5px; }*/ .projects-carousel a:hover img, #portfolio-items > article:hover img { filter: alpha(opacity=100); /* Fallback for old IE */ opacity: 1; } .projects-carousel a:hover .title, #portfolio-items > article:hover .title { color: #f15a23; } /* -------------------------------------------------- */ /* Post Carousel /* -------------------------------------------------- */ .post-carousel .entry-meta { float: left; font-style: italic; letter-spacing: -0.5px; line-height: 1.3; margin: 0 12px 0 0; text-align: center; width: 33px; } .post-carousel .entry-meta a { display: block; font-style: normal; } .post-carousel li .post-format { margin: 0; } .post-carousel li .date { display: block; margin: 8px 0 0; } .post-carousel .entry-body .title { font-size: 14px; font-weight: 400; margin: 0 0 10px 0; } #content .post-carousel .entry-body { float: right; margin: 0; width: 175px; } .post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; max-width: 100%; width: auto; } .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; } /* Image Gallery Slider */ .post-carousel .image-gallery-slider { margin-bottom: 15px; } .post-carousel .image-gallery-slider li { margin: 0; } .post-carousel .image-gallery-slider img { margin-bottom: 0; } /* ---------------------------------------------------------------------- */ /* Blog /* ---------------------------------------------------------------------- */ .hentry { border-bottom: 1px dotted #ced8df; margin: 0 0 50px; padding: 0 0 30px; } .single .hentry { margin-bottom: 45px; padding-bottom: 25px; } .entry-image, .entry-video, .entry-audio { display: block; margin: 0 auto 25px; } .hentry .entry-audio { margin-bottom: 20px; padding-top: 5px; } .single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 25px; } .entry-body { float: right; margin: -5px 0 0; width: 810px; } #main .entry-body { width: 550px; } .entry-body .title { font-size: 18px; font-weight: 700; margin-top: 10px; color: #008000 } .entry-meta { color: #878787; float: left; margin: 0 20px 0 0; text-align: right; width: 110px; } .entry-meta ul { margin: 0; } .entry-meta li { list-style: none; margin: 0; } .entry-meta .title { font-weight: 700; } .entry-meta .post-categories { display: inline-block; } .entry-meta a, .entry-meta a time { color: #959393; display: inline-block; font-style: italic; } .entry-meta a:hover, .entry-meta a:hover time { color: #f15a23; } .post-format { background-color: #ddd; background-image: url(images/icon-post-formats.png); background-repeat: no-repeat; background-position: 0 0; color: #959393; cursor: pointer; display: block; height: 33px; margin: 0 0 10px 0; text-align: left; text-indent: -9999px; width: 33px; } .post-format.gallery, .post-format.image { background-position: -33px 0; } .post-format.video { background-position: -66px 0; } .post-format.audio { background-position: -99px 0; } .post-format.link { background-position: -132px 0; } .post-format.quote { background-position: -165px 0; } .post-format.aside { background-position: -199px 0; } a:hover > .post-format { background-color: #f15a23; color: #f15a23; } /* VideoJS */ .video-js { max-width: 100%; } /* -------------------------------------------------- */ /* Comments /* -------------------------------------------------- */ #comments {} #comments-title, #reply-title { font-size: 12px; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; } .commentlist { border-bottom: 1px dotted #ced8df; margin: 27px 0 45px; padding: 0 0 30px; overflow: hidden; } .comment { border-top: 1px dotted #ced8df; list-style: none; margin: 30px 0 0; padding: 35px 0 0; } .comment:first-child { border-top: none; margin-top: 0; padding-top: 0; } .comment > article { margin: 0; overflow: hidden; } .comment .avatar { background: #fff; float: left; margin: 0 0 5px 0; position: relative; width: 54px; z-index: 1; } .comment .comment-body, .comment .comment-meta { float: right; margin: 0 0 -20px 15px; width: 871px; } #main .comment .comment-body, #main .comment .comment-meta { width: 611px; } .comment .comment-meta { margin-bottom: 0; } .comment .author, .comment .author a { color: #54555a; margin: 0; } .comment .author cite { font-style: normal; } .comment .author .comment-reply-link { font-size: 11px; } .comment .date, .comment .date a, .comment .date time { color: #adb3b8; font-style: italic; margin: 1px 0 5px; } .comment .author a:hover, .comment .date a:hover, .comment .date a:hover time { color: #f15a23; } .commentlist .children { margin: 0; padding: 0 0 0 70px; position: relative; } .commentlist .children .comment { border-top: 1px dotted #ced8df; margin: 15px 0 0; padding: 35px 0 0; position: relative; } .comment .children .comment:first-child { margin-top: 0; } .commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 801px; } .commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 731px; } .commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 661px; } .commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 591px; } #main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta { width: 541px; } #main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta { width: 471px; } #main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta { width: 401px; } #main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta { width: 331px; } /* -------------------------------------------------- */ /* Respond /* -------------------------------------------------- */ #respond { } .commentlist #respond { margin: 10px 0 35px; } .commentlist #respond .form-allowed-tags { display: none; } #reply-title small { font-size: 11px; text-transform: none; } #commentform { margin: 20px -20px 0 0; } #commentform input { width: 278px; } #main #commentform input { width: 191px; } .commentlist .children .depth-2 #commentform input { width: 254px; } .commentlist .children .depth-3 #commentform input { width: 231px; } .commentlist .children .depth-4 #commentform input { width: 208px; } #main .commentlist .children .depth-2 #commentform input { width: 168px; } #main .commentlist .children .depth-3 #commentform input { width: 144px; } #main .commentlist .children .depth-4 #commentform input { width: 121px; } #commentform textarea { height: 150px; width: 918px; } #main #commentform textarea { width: 657px; } .commentlist .children .depth-2 #commentform textarea { width: 846px; } .commentlist .children .depth-3 #commentform textarea { width: 777px; } .commentlist .children .depth-4 #commentform textarea { width: 708px; } #main .commentlist .children .depth-2 #commentform textarea { width: 588px; } #main .commentlist .children .depth-3 #commentform textarea { width: 516px; } #main .commentlist .children .depth-4 #commentform textarea { width: 447px; } /* -------------------------------------------------- */ /* Pagination /* -------------------------------------------------- */ .pagination { margin: 0 } .comments-pagination { margin-bottom: 30px; margin-top: -20px; } .pagination a, .pagination span { border: 1px solid transparent; color: #9c9c9c; display: inline-block; margin: 0 8px 0 0; padding: 2px 8px 4px; } .comments-pagination a, .comments-pagination span { margin-right: 5px; padding-bottom: 3px; } .ie7 .pagination li, .ie7 .pagination span { display: inline; } .pagination .current { background: #e6edef; color: #707070; padding: 2px 7px 4px; } .comments-pagination .current { padding-bottom: 3px; } .pagination a:hover, .comments-pagination a:hover { border-color: #e6edef; color: #f15a23; } .pagination .next, .pagination .prev { border: none; } /* ---------------------------------------------------------------------- */ /* Portfolio /* ---------------------------------------------------------------------- */ #portfolio-items-filter { float: right; margin: -65px 0 0; overflow: hidden; } #portfolio-items-filter li { display: block; float: left; list-style: none; margin: 0; } #portfolio-items-filter li:first-child { margin-top: 5px; margin-right: 5px; } .no-js #portfolio-items-filter li:first-child, .no-js #portfolio-items-filter .all { display: none; } .ie7 #portfolio-items-filter li:first-child { display: none !important; } #portfolio-items-filter a { background: #f15a23; color: #fff; cursor: pointer; display: block; margin: 0 0 5px 5px; padding: 5px 10px; } .no-js #portfolio-items-filter a, #portfolio-items-filter.open a { display: block !important; } .ie7 #portfolio-items-filter a { display: block !important; margin: 0 0 5px 5px !important; padding: 5px 10px !important; width: auto !important; } #portfolio-items-filter a:hover, #portfolio-items-filter.open .active, #portfolio-items-filter.open .current a { background: #3a3a3a; } #portfolio-items { margin: 0 -20px 40px 0; } #portfolio-items article { margin-bottom: 50px; } #portfolio-items .project-meta { display: block; margin: 0; padding: 20px 0 0; } #portfolio-items + .pagination { margin-top: -40px; } /* Isotope */ .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; z-index: 2; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: top, left, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* ---------------------------------------------------------------------- */ /* Contact Us /* ---------------------------------------------------------------------- */ #map { border-bottom: 1px solid #c5c3c0; border-top: 1px solid #c5c3c0; margin: -41px 0 40px; position: relative; width: 100%; } #map, #map .wpgmappity_container { height: 440px; } #map:before, #map:after { background: none; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); content: ''; left: 0; position: absolute; top: 0; width: 100%; } #map:after { bottom: 0; top: auto; } .wpcf7-form, #commentform { max-width: 100%; } .wpcf7-form { margin: 0 -20px 0 0; } .wpcf7-form-control-wrap br, .wpcf7-form-control-wrap p { display: none; } .wpcf7-form .input-block, #commentform .input-block { float: left; margin: 0 20px 20px 0; } .wpcf7-form .input-block:nth-of-type(3n), #commentform .input-block:nth-of-type(3n) { margin-right: 0; } .wpcf7-form input { width: 198px; } .wpcf7-form .textarea-block, #commentform .textarea-block { clear: both; } .wpcf7-form textarea { height: 150px; max-width: 100%; width: 678px; } .wpcf7-not-valid-tip { color: #f02932; display: block; margin: 5px 0 0; } .wpcf7-form input[type="submit"], #commentform input[type="submit"], .wpcf7-form input[type="reset"], #commentform input[type="reset"] { display: block; margin: 0 0 20px; width: auto !important; } .wpcf7-response-output { margin: -20px 0 0; } /* ---------------------------------------------------------------------- */ /* Sidebar /* ---------------------------------------------------------------------- */ #sidebar { float: right; width: 220px; } .sidebar-left #sidebar { float: left; } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ #sidebar .widget { margin: 0 0 50px; } #sidebar .widget-title { color: #414141; font-size: 11px; font-weight: 600; text-transform: uppercase; margin: 0 0 12px; } /* ---------------------------------------- */ /* List & Custom Menu /* ---------------------------------------- */ .widget ul { } .widget_nav_menu .sub-menu { border-top: 1px dotted #ced8df; } .widget li { background: url(images/arrow-right-grey.png) no-repeat 0 11px; border-bottom: 1px dotted #ced8df; list-style: none; margin: 0; } .widget li:last-child { border-bottom: none; } .widget li a { color: #868686; display: block; padding: 5px 0 5px 15px; } .widget li a:hover, .widget_nav_menu .current_page_item > a, .widget_nav_menu .current-menu-item > a { color: #f15a23; } /* ---------------------------------------- */ /* Recent Comments /* ---------------------------------------- */ .widget .recentcomments { display: block; padding: 5px 0 5px 15px; } /* ---------------------------------------- */ /* Calendar /* ---------------------------------------- */ .widget_calendar table { width: 100%; } .widget_calendar th, .widget_calendar td { background: none; border: 0; padding: 0; } .widget_calendar caption { font-size: 12px; margin-bottom: 10px; text-align: center; } .widget_calendar tr th { font-size: 12px; } .widget_calendar tr td { padding: 4px 6px; text-align: center; } .widget_calendar tr td#prev { padding: 5px 0 0; text-align:left; } .widget_calendar tr td#next { padding: 5px 0 0; text-align: right; } .widget_calendar tr td#today { background: #f8f8f8; border: 1px solid #ced8df; font-weight: bold; } #footer .widget_calendar tr td#today { background: #464646; border: 1px solid #363636; font-weight: bold; } .widget_calendar tr td a { display: inline; font-weight: bold; padding: 0; } /* ---------------------------------------- */ /* RSS /* ---------------------------------------- */ .rsswidget img { margin: 0 5px 0 0; } .widget_rss .rss-date, .widget_rss .rssSummary { padding: 0 0 0 15px; } .widget_rss .rss-date { color: #bbb; font-style: italic; } /* ---------------------------------------- */ /* Search /* ---------------------------------------- */ .widget_search input[type="text"] { margin: 0 0 10px; } /* ---------------------------------------- */ /* Accordion Content /* ---------------------------------------- */ #sidebar .acc-trigger a { background-position: 0 8px; font-size: 11px; font-weight: 400; padding: 12px 12px 12px 30px; } #sidebar .acc-trigger:first-of-type { border-top: none; } #sidebar .acc-trigger:last-of-type { border-bottom: none; } #sidebar .acc-trigger.active a { background-position: 0 -103px; cursor: default; } #sidebar .acc-container { margin: -5px 0 0; } #sidebar .acc-container:first-of-type { border-top: none; } #sidebar .acc-container:last-of-type { border-bottom: none; } #sidebar .acc-container .content { padding: 0 12px 12px 30px; } /* ---------------------------------------- */ /* Tweets /* ---------------------------------------- */ ul.tweets-feed { margin: 0; } .tweets-feed li { background: url(images/icon-tweets.png) no-repeat 0 5px; border: none; display: block; list-style: none; margin: 0 0 15px; padding: 0 0 0 30px; } #sidebar .tweets-feed li a, #footer .tweets-feed li a { color: #f15a23; display: inline; padding: 0; } .tweets-feed .date { display: block; } #sidebar .tweets-feed li .date a, #footer .tweets-feed li .date a { color: #bbb; font-size: 10px; font-style: italic; } #sidebar .tweets-feed li a:hover { color: #3a3a3a; } #footer .tweets-feed li a:hover { color: #fff; } /* ---------------------------------------- */ /* Flickr Images /* ---------------------------------------- */ .flickr-feed { margin: 15px -5px 0 0; } .flickr-feed li { background: none; border: none; display: inline-block; list-style: none; margin: 0 2px 1px 0; } .ie7 .flickr-feed li { display: inline; margin: 0 5px 5px 0; } .flickr-feed li a { display: inline; padding: 0; } .flickr-feed li img { margin: 0; height: 70px; width: 70px; } /* ---------------------------------------------------------------------- */ /* Footer /* ---------------------------------------------------------------------- */ #footer { background: #f7f7f7; color: #868686; margin-top: 25px; padding: 35px 0 6px; position: relative; } #footer, #footer a, #footer-bottom, #footer-bottom a { color: #868686; } #footer a:hover, #footer-bottom a:hover { color: #f15a23; } #footer .widget { border-bottom: 1px solid #efefef; margin: 0 0 12px; padding: 0 0 12px; } #footer .widget:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } #footer .widget-title { border-bottom: 1px solid #4b4b4b; display: block; font-size: 10px; margin: 0 0 12px; padding: 0 0 12px; text-transform: uppercase; } #footer .widget_nav_menu .sub-menu { border-top-color: #4b4b4b; } #footer .widget li { border-bottom-color: #4b4b4b; } /* -------------------------------------------------- */ /* Footer Navigation /* -------------------------------------------------- */ #footer .widget_nav_menu ul { margin: -2px 0 0; } #footer .widget_nav_menu li { background: none; border: none; display: inline-block; list-style: none; margin: 0 -3px 14px 0; } .ie7 #footer .widget_nav_menu li { display: inline; } #footer .widget_nav_menu li a { border-left: 1px solid #868686; font-size: 10px; display: block; padding: 0 15px; text-transform: uppercase; } #footer .widget_nav_menu li:first-child a { border-left: none; padding-left: 0; } #footer .widget_nav_menu li:last-child a { padding-right: 0; } /* -------------------------------------------------- */ /* Contact Info /* -------------------------------------------------- */ #footer .contact-info {font-size: 12px; } .contact-info { margin: 0 0 -2px; } .contact-info li { border: none; display: inline-block; list-style: none; padding: 0 0 0 24px; font-size: 11px; } #sidebar .contact-info li { border-bottom: 1px dotted #ced8df; display: block; margin: 0 0 5px; padding-bottom: 5px; } #sidebar .contact-info li:last-child { border-bottom: none; } .contact-info li:first-child { margin-left: 0; } .contact-info .address { background: none no-repeat 0 0; } .contact-info .phone { background: none no-repeat 0 1px; } .contact-info .email { background: none no-repeat 0 4px; } .contact-info li a { display: inline; padding: 0; } /* -------------------------------------------------- */ /* Social Links /* -------------------------------------------------- */ #social-media { margin: 14px 0 0 15px ; float: right; } #social-media ul{ float: left; } #social-media li{ display: inline-block; margin: 0px !important; } #social-media li:first-child { margin-right: 0px !important; } #social-media li a{ border-left: none !important; display: block; padding: 0 2px !important; } #social-media li:last-child a { border-right: none !important; } #social-media span { font-size: 11px; float: left; padding-right: 5px; } /* -------------------------------------------------- */ /* Forms /* -------------------------------------------------- */ #footer input[type="text"], #footer textarea, #footer select { /*background-color: #464646; border: 1px solid #484848;*/ color: #868686; } #footer input[type="text"]:hover, #footer textarea:hover, #footer select:hover { /*border-color: none;*/ } #footer input[type="text"]:focus, #footer textarea:focus, #footer select:focus { /*border-color: none;*/ } /* Chrome, Safari */ #footer input::-webkit-input-placeholder, #footer textarea::-webkit-input-placeholder { color: #6e6e6e; } /* Firefox */ #footer input:-moz-placeholder, #footer textarea:-moz-placeholder { color: #6e6e6e; } /* jQuery fallback */ #footer input.placeholder, #footer textarea.placeholder, #footer .wpcf7 .watermark { color: #6e6e6e; } /* -------------------------------------------------- */ /* Misc Elements /* -------------------------------------------------- */ #footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover { background: #ddd; color: #3a3a3a; } #footer .button.no-bg { color: #ddd; } #footer .button .arrow { background-color: #3a3a3a; } #footer blockquote { background-color: #464646;} #footer blockquote.simple { background: none; border-left-color: #484848; color: #868686; } #footer .infobox { background: #464646; border-color: #363636; } #footer .infobox, #footer .infobox * { color: #868686; } /* ---------------------------------------------------------------------- */ /* Footer Bottom /* ---------------------------------------------------------------------- */ #footer-bottom { background: #f7f7f7; line-height: 17px; padding: 12px 0 30px; } #footer-bottom ul { margin: 0; } #footer-bottom li { float: left; list-style: none; margin: 0; font-size: 11px; } #footer-bottom li:first-child { margin-right: 15px; } #footer-bottom li a { border-left: 1px solid #484848; display: block; padding: 0 15px; } #footer-bottom li:first-child a { border-left: none; padding-left: 0; } #footer-bottom li:last-child a { padding-right: 0; } /* ---------------------------------------------------------------------- */ /* Media Queries /* ---------------------------------------------------------------------- */ /* Standard 960 or larger (browsers) */ @media only screen and (min-width: 960px) { /* -------------------------------------------------- */ /* Pricing Tables > Tooltip /* -------------------------------------------------- */ .simple-pricing-table .features li[data-tooltip], .extended-pricing-table .features li[data-tooltip] { cursor: help; } .ie7 .simple-pricing-table .features li[data-tooltip], .ie7 .extended-pricing-table .features li[data-tooltip] { cursor: auto; } .simple-pricing-table .features li[data-tooltip]:hover, .extended-pricing-table .features li[data-tooltip]:hover { color: #54555a; } /* Tooltip container */ .simple-pricing-table .features li[data-tooltip]:before, .extended-pricing-table .features li[data-tooltip]:before { background: #fff8de; border: 1px solid #fee5a2; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .10); box-shadow: 0 0 10px rgba(0, 0, 0, .10); bottom: 0; color: #7b7b7b; content: attr(data-tooltip) !important; font-size: 11px; left: 9px; line-height: 1.5; opacity: 0; padding: 5px 10px; position: absolute; text-align: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 143px; z-index: 98; } .simple-pricing-table .features li[data-tooltip]:before { left: 10px; width: 192px; } .extended-pricing-table .features-list .features li[data-tooltip]:before { left: 10px; text-align: left; width: 158px; } .simple-pricing-table .features li[data-tooltip]:hover:before, .extended-pricing-table .features li[data-tooltip]:hover:before { bottom: 100%; opacity: 1; } /* Tooltip arrow */ .not-ie .simple-pricing-table .features li[data-tooltip]:after, .not-ie .extended-pricing-table .features li[data-tooltip]:after { background: #fff8de; border-bottom: 1px solid #fee5a2; border-right: 1px solid #fee5a2; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05); box-shadow: 1px 1px 2px rgba(0, 0, 0, .05); bottom: 0; content: ''; display: block; height: 10px; left: 50%; margin: 0 0 0 -5px; opacity: 0; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 10px; z-index: 99; } .simple-pricing-table .features-list .features li[data-tooltip]:after, .extended-pricing-table .features-list .features li[data-tooltip]:after { left: 22px; margin-left: 0; } .not-ie .simple-pricing-table .features li[data-tooltip]:hover:after, .not-ie .extended-pricing-table .features li[data-tooltip]:hover:after { bottom: 30px; opacity: 1; } .simple-pricing-table .features li[data-tooltip]:hover:after { bottom: 24px !important; } .ie8 .simple-pricing-table .features li[data-tooltip]:before, .ie8 .simple-pricing-table .features li[data-tooltip]:after, .ie8 .extended-pricing-table .features li[data-tooltip]:before, .ie8 .extended-pricing-table .features li[data-tooltip]:after { display: none; } .ie8 .simple-pricing-table .features li[data-tooltip]:hover:before, .ie8 .extended-pricing-table .features li[data-tooltip]:hover:before { display: block; } /* -------------------------------------------------- */ /* Home > Slider /* -------------------------------------------------- */ .ss-slider .slides-container { display: block; } .ss-slider .slide-images-container { display: none; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { /* -------------------------------------------------- */ /* Home > Slider /* -------------------------------------------------- */ h1{ line-height: 32px; } #social-media li a { border-left: none !important; display: block; padding: 0 1px !important; } #social-media { margin: 14px 0 0 10px; } #second-nav{ display: none; } #second-nav li:first-child a { border-left: none; padding-left: 0; padding-right: 6px; } #second-nav li a { border-left: 1px solid #bdbdbd; font-size: 11px; display: block; padding: 0 5px; text-transform: capitalize; } .ss-slider .slides-container { display: none; } .ss-slider .slide-images-container { display: block; } .ss-slider .slide-bg-image { display: none; } .ss-slider .slide-bg-image:first-child, .no-js.ss-slider .slide-bg-image { display: block; } /* ---------------------------------------- */ /* Button /* ---------------------------------------- */ .no-js .ss-slider .slide-button { width: 100% !important; } .ss-slider .slide-button { width: 50% !important; } .ss-slider.fully-loaded .slide-button.active { border-top-color: #f15a23; } /* ---------------------------------------- */ /* Content & Pagination /* ---------------------------------------- */ .ss-slider .content-container.center, .ss-slider .pagination-container.center a { top: 95px; } /* ---------------------------------------- */ /* Active Slide Bar /* ---------------------------------------- */ .ss-slider .active-slide-bar { display: none; } /* -------------------------------------------------- */ /* Header /* -------------------------------------------------- */ #logo { max-height: 100%; } /* -------------------------------------------------- */ /* Content /* -------------------------------------------------- */ #content img { height: auto; max-width: 100%; border: 5px solid #f89920; } .one-fourth img { width: 172px; } img { height: auto; max-width: 100%; } /* -------------------------------------------------- */ /* Widgets > Content Tabs /* -------------------------------------------------- */ .tabs-nav li { float: none; } .tabs-nav li, .tabs-nav li.active { line-height: 32px; } .tabs-nav li a { border-left: 1px solid #eaeaea; border-top: none; } .tabs-nav li:first-child a { border-top: 1px solid #eaeaea; } .tabs-nav li.active a { border-bottom: 1px solid #eaeaea; } /* -------------------------------------------------- */ /* Simple Pricing Table /* -------------------------------------------------- */ .simple-pricing-table .column { margin-bottom: 20px !important; } /* -------------------------------------------------- */ /* Extended Pricing Table /* -------------------------------------------------- */ .extended-pricing-table .features li:before { color: #7b7b7b; content: attr(data-feature) ':' !important; display: block; font-weight: 700; text-align: center; } .extended-pricing-table .features-list { display: none; } /* -------------------------------------------------- */ /* Potrfolio /* -------------------------------------------------- */ #portfolio-items-filter { float: none; margin: 0 0 20px; } #portfolio-items-filter li:first-child { display: none !important; } #portfolio-items-filter a { display: block !important; } /* ---------------------------------------- */ /* Single Project /* ---------------------------------------- */ .portfolio-pagination { float: none; margin-bottom: 20px; margin-top: 0; } .portfolio-pagination .button { margin-bottom: 0 !important; } .single-portfolio .page-header .button { margin-bottom: 20px; margin-top: 0; } /* -------------------------------------------------- */ /* Footer /* -------------------------------------------------- */ /* ---------------------------------------- */ /* Contact Info /* ---------------------------------------- */ .contact-info li { border-bottom: 1px dotted #4b4b4b; display: block; margin-left: 0; padding-bottom: 5px; } .contact-info li:last-child { border-bottom: none; } /* ---------------------------------------- */ /* Social Links /* ---------------------------------------- */ .social-links li:nth-child(6n+1) { margin-left: 15px; } .social-links li:nth-child(6n) { margin-right: 0; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { h1{ line-height: 32px; } #second-nav { display: none; float: none !important; margin: 7px 548px 0; width: 200px; } #main-nav { display: block; float: none !important; margin: 7px 548px 0; width: 200px; } #social-media { margin: 0 auto; width: 129px; } .responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect{ width: 200px !important; } /* -------------------------------------------------- */ /* Basic Elements & Classes /* -------------------------------------------------- */ .infobox .one-half { width: 338px; } .infobox .one-third { width: 218px; } .infobox .two-third { width: 458px; } .infobox .one-fourth { width: 159px; } .infobox .three-fourth { width: 517px; } .green-copy {line-height: 20px;} /* -------------------------------------------------- */ /* Wrap /* -------------------------------------------------- */ .container { width: 748px; } /* ---------------------------------------- */ /* Columns /* ---------------------------------------- */ .one-half { width: 364px; } .one-third { width: 236px; } .two-third { width: 492px; } .one-fourth { width: 172px; } .three-fourth { width: 556px; } .four-fourth { width: 748px; } /* -------------------------------------------------- */ /* Content > Main /* -------------------------------------------------- */ #main { width: 488px; } /* ---------------------------------------- */ /* Columns /* ---------------------------------------- */ #main .one-half { width: 234px; } #main .one-third { width: 149px; } #main .two-third { width: 319px; } #main .one-fourth { width: 107px; } #main .three-fourth { width: 361px; } .one-third-half {width: 260px;} /* -------------------------------------------------- */ /* Header /* -------------------------------------------------- */ #header { height: 139px; } #logo { margin-top: -7px; } .pov-area {width: 550px;} /* -------------------------------------------------- */ /* Header > Main Navigation /* -------------------------------------------------- */ /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ /* ---------------------------------------- */ /* Accordion Content /* ---------------------------------------- */ .acc-container .content .one-half { width: 326px; } .acc-container .content .one-third { width: 211px; } .acc-container .content .two-third { width: 442px; } .acc-container .content .one-fourth { width: 153px; } .acc-container .content .three-fourth { width: 500px; } /* ---------------------------------------- */ /* Content Tabs /* ---------------------------------------- */ .tab-content .one-half { width: 344px; } .tab-content .one-third { width: 222px; } .tab-content .two-third { width: 466px; } .tab-content .one-fourth { width: 162px; } .tab-content .three-fourth { width: 526px; } /* -------------------------------------------------- */ /* Blog /* -------------------------------------------------- */ .entry-body { width: 618px; } #main .entry-body { width: 358px; } /* ---------------------------------------- */ /* Comments /* ---------------------------------------- */ .comment .comment-body, .comment .comment-meta { width: 679px; } #main .comment .comment-body, #main .comment .comment-meta { width: 419px; } .commentlist .children { padding: 0 0 0 55px; } .commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 624px; } .commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 569px; } .commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 514px; } .commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 459px; } #main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta { width: 364px; } #main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta { width: 309px; } #main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta { width: 254px; } #main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta { width: 199px; } /* ---------------------------------------- */ /* Respond /* ---------------------------------------- */ #commentform input { width: 214px; } #main #commentform input { width: 127px; } .commentlist .children .depth-2 #commentform input { width: 195px; } .commentlist .children .depth-3 #commentform input { width: 177px; } .commentlist .children .depth-4 #commentform input { width: 159px; } #main .commentlist .children .depth-2 #commentform input, #main .commentlist .children .depth-2 #commentform textarea { width: 411px; } #main .commentlist .children .depth-3 #commentform input, #main .commentlist .children .depth-3 #commentform textarea { width: 356px; } #main .commentlist .children .depth-4 #commentform input, #main .commentlist .children .depth-4 #commentform textarea { width: 301px; } #commentform textarea { width: 726px; } #main #commentform textarea { width: 465px; } /* -------------------------------------------------- */ /* Contact Us /* -------------------------------------------------- */ #map, #map .wpgmappity_container { height: 340px !important; } .wpcf7-form input { width: 150px; } .wpcf7-form textarea { width: 534px; } /* -------------------------------------------------- */ /* Footer > Social Links /* -------------------------------------------------- */ .social-links li:nth-child(5n+1) { margin-left: 0; } .social-links li:nth-child(5n) { margin-right: 10px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { h1{ line-height: 32px; } #logo { display: block; float: none; text-align: center; height: 155px; } #social-media { width: 274px !important; margin: 0 auto; } #second-nav { margin-top: 10px; display: none; float: none !important; } #main-nav { float: none; margin-top: 0px !important; } #header { height: 260px !important; } /* -------------------------------------------------- */ /* Basic Elements & Classes /* -------------------------------------------------- */ .infobox .one-half, .infobox .one-third, .infobox .two-third, .infobox .one-fourth, .infobox .three-fourth { width: 248px; } .fluid-width-video-wrapper { margin-bottom: 10px; } /* -------------------------------------------------- */ /* Generic Classes /* -------------------------------------------------- */ .align-left, .align-right { float: none; } /* -------------------------------------------------- */ /* Wrap /* -------------------------------------------------- */ .container { width: 300px; } /* ---------------------------------------- */ /* Columns /* ---------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth { float: none; margin-right: 0; } .one-half, #main .one-half, .one-third, #main .one-third, .two-third, #main .two-third, .one-fourth, #main .one-fourth, .three-fourth, #main .three-fourth, .four-fourth, #main .four-fourth{ width: 300px; } /* -------------------------------------------------- */ /* Header /* -------------------------------------------------- */ #header { height: auto; } #logo { display: block; float: none; text-align: center; } /* -------------------------------------------------- */ /* Header > Main Navigation /* -------------------------------------------------- */ /* #main-nav li { width: 100%; } #main-nav a { padding: 18px; } #main-nav a:after, #main-nav > ul { display: none; } #main-nav a:after { content: ''; } .no-js #main-nav > ul, #main-nav .responsive-nav { display: block; } .no-js #main-nav li:hover > ul { top: 62px; }*/ /* -------------------------------------------------- */ /* Content > Main /* -------------------------------------------------- */ #main { border-bottom: 1px solid #efefef; float: none; margin-right: 0; padding-bottom: 20px; width: 100%; } /* -------------------------------------------------- */ /* Image Gallery Slider /* -------------------------------------------------- */ .image-gallery-slider { margin-bottom: 10px; } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ /* ---------------------------------------- */ /* Accordion Content /* ---------------------------------------- */ .acc-container .content .one-half, .acc-container .content .one-third, .acc-container .content .two-third, .acc-container .content .one-fourth, .acc-container .content .three-fourth { width: 225px; } /* ---------------------------------------- */ /* Content Tabs /* ---------------------------------------- */ .tab-content .one-half, .tab-content .one-third, .tab-content .two-third, .tab-content .one-fourth, .tab-content .three-fourth { width: 260px; } /* ---------------------------------------- */ /* Content /* ---------------------------------------- */ .ss-slider .content-container, .ss-slider:hover .content-container, .no-js .ss-slider .slide-content { display: none; } /* -------------------------------------------------- */ /* Blog /* -------------------------------------------------- */ .entry-image, .entry-video, .entry-audio { margin-bottom: 10px; } .single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 0; } .hentry .entry-body, #main .entry-body { float: none; margin: 0; width: 100%; } .hentry .entry-meta { border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; float: none; margin: 10px 0; padding: 4px 0; text-align: left; width: 100%; } .hentry .entry-meta ul { } .hentry .entry-meta li { border-left: 1px solid #efefef; display: inline-block; padding: 0 10px; } .hentry .entry-meta li:first-child { border-left: none; padding-left: 0; } .hentry .entry-meta li:last-child { padding-right: 0; } .hentry .entry-meta li .title { display: block; } .hentry .entry-meta .post-format { background: none; height: auto; margin: 0; text-indent: 0; width: auto; } .hentry .entry-meta a:hover > .post-format { background: none; } /* ---------------------------------------- */ /* Respond /* ---------------------------------------- */ .commentlist .children .depth-2 #commentform input, .commentlist .children .depth-2 #commentform textarea { width: 358px !important; } .commentlist .children .depth-3 #commentform input, .commentlist .children .depth-3 #commentform textarea { width: 318px !important; } .commentlist .children .depth-4 #commentform input, .commentlist .children .depth-4 #commentform textarea { width: 278px !important; } .form-allowed-tags { display: none; } /* -------------------------------------------------- */ /* Contact Us /* -------------------------------------------------- */ .wpcf7-form .input-block, #commentform .input-block { float: none; margin: 0 0 20px 0; } .wpcf7-form input, #commentform input, .wpcf7-form textarea, #commentform textarea { width: 398px !important; float: left;} /* -------------------------------------------------- */ /* Sidebar /* -------------------------------------------------- */ #sidebar { float: none; margin-top: 40px; width: 100%; } /* -------------------------------------------------- */ /* Footer /* -------------------------------------------------- */ .not-ie #footer .container:after { top: -56px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .reserveToggle{ display: block; overflow: hidden; cursor: pointer; } .reservation-section{ display: none; padding: 50px 0px 50px !important; } .reserveToggle h3 span{ font-size: 24px; font-weight: bold; color: #F0B141; vertical-align: middle; padding-left: 7px; } .reserveToggle h3{ margin-top: 0px; } h1{ line-height: 32px; } #logo { display: block; float: none; text-align: center; height: 155px; } .pov-area {width: 420px;} /* -------------------------------------------------- */ /* Header > Main Navigation /* -------------------------------------------------- */ /*#main-nav li { width: 100%; } #main-nav a { padding: 18px; } #main-nav a:after, #main-nav > ul { display: none; } #main-nav a:after { content: ''; } .no-js #main-nav > ul, #main-nav .responsive-nav { display: block; } .no-js #main-nav li:hover > ul { top: 62px; }*/ #header { height: 288px !important; } #second-nav { display: none; float: none !important; margin: 12px 0; } #social-media { margin: 0 auto; width: 129px; } /* -------------------------------------------------- */ /* Basic Elements & Classes /* -------------------------------------------------- */ .infobox .one-half, .infobox .one-third, .infobox .two-third, .infobox .one-fourth, .infobox .three-fourth { width: 368px; } /* -------------------------------------------------- */ /* Wrap /* -------------------------------------------------- */ .container { width: 420px; } /* ---------------------------------------- */ /* Columns /* ---------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth { float: none; margin-right: 0; } .one-half, #main .one-half, .one-third, #main .one-third, .two-third, #main .two-third, .one-fourth, #main .one-fourth, .three-fourth, #main .three-fourth, .four-fourth, #main .four-fourth { width: 420px; } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ /* ---------------------------------------- */ /* Accordion Content /* ---------------------------------------- */ .acc-container .content .one-half, .acc-container .content .one-third, .acc-container .content .two-third, .acc-container .content .one-fourth, .acc-container .content .three-fourth { width: 345px; } /* ---------------------------------------- */ /* Content Tabs /* ---------------------------------------- */ .tab-content .one-half, .tab-content .one-third, .tab-content .two-third, .tab-content .one-fourth, .tab-content .three-fourth { width: 380px; } /* -------------------------------------------------- */ /* Blog > Comments /* -------------------------------------------------- */ .comment .comment-body, .comment .comment-meta { width: 351px !important; } .commentlist .children { padding: 0 0 0 40px; } .commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 311px !important; } .commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 271px !important; } .commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 231px !important; } .commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 191px !important; } /* -------------------------------------------------- */ /* Contact Us /* -------------------------------------------------- */ #map, #map .wpgmappity_container { height: 240px !important; } /* -------------------------------------------------- */ /* Footer /* -------------------------------------------------- */ /* ---------------------------------------- */ /* Contact Info /* ---------------------------------------- */ .contact-info { margin-bottom: 20px; } /* ---------------------------------------- */ /* Social Links /* ---------------------------------------- */ .social-links li:nth-child(12n+1) { margin-left: 0; } .social-links li:nth-child(12n) { margin-right: 15px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .reserveToggle{ display: block; overflow: hidden; cursor: pointer; } .reservation-section{ display: none; padding: 20px 0px 70px 0px!important; } .reserveToggle h3 span{ font-size: 24px; font-weight: bold; color: #F0B141; vertical-align: middle; padding-left: 7px; } .reserveToggle h3{ margin-top: 0px; } h1{ line-height: 32px; } /* -------------------------------------------------- */ /* Header > Main Navigation /* -------------------------------------------------- */ /*#main-nav li { width: 100%; } #main-nav a { padding: 18px; } #main-nav a:after, #main-nav > ul { display: none; } #main-nav a:after { content: ''; } .no-js #main-nav > ul, #main-nav .responsive-nav { display: block; } */ .no-js #main-nav li:hover > ul { top: 62px; } .pov-area {width: 300px;} .one-third-half {width: 300px; margin-right: 0px;} #header { height: 288px !important; } #second-nav { display: none; float: none !important; margin: 12px 0; } #social-media { margin: 0 auto; width: 210px !important; } .green-copy { line-height: 20px; } /* -------------------------------------------------- */ /* Blog /* -------------------------------------------------- */ .hentry .entry-meta li { width: 82px; } .hentry .entry-meta li:nth-child(1), .hentry .entry-meta li:nth-child(2), .hentry .entry-meta li:nth-child(3) { border-bottom: 1px solid #efefef; margin-bottom: 4px; padding-bottom: 4px; } .hentry .entry-meta li:nth-child(3) { padding-right: 0; } .hentry .entry-meta li:nth-child(4) { border-left: none; padding-left: 0; } /* ---------------------------------------- */ /* Comments /* ---------------------------------------- */ .comment .avatar { margin-bottom: 10px; } .comment .comment-meta { margin-top: 5px; width: 231px; } .comment .author, .comment .author a { margin-top: 5px; } .comment .comment-body, #main .comment .comment-body { clear: both; float: none; margin-left: 0; margin-top: 20px; width: 100%; } .comment .comment-meta { width: 231px !important; } .commentlist .children { padding: 0 0 0 20px; } .commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 211px !important; } .commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 191px !important; } .commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 171px !important; } .commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 151px !important; } /* ---------------------------------------- */ /* Respond /* ---------------------------------------- */ .commentlist .children .depth-2 #commentform input, .commentlist .children .depth-2 #commentform textarea { width: 258px !important; } .commentlist .children .depth-3 #commentform input, .commentlist .children .depth-3 #commentform textarea { width: 238px !important; } .commentlist .children .depth-4 #commentform input, .commentlist .children .depth-4 #commentform textarea { width: 218px !important; } /* -------------------------------------------------- */ /* Contact Us /* -------------------------------------------------- */ #map, #map .wpgmappity_container { height: 140px !important; } .wpcf7-form input, #commentform input, .wpcf7-form textarea, #commentform textarea { width: 278px !important; } /* -------------------------------------------------- */ /* Footer /* -------------------------------------------------- */ /* ---------------------------------------- */ /* Footer Navigation /* ---------------------------------------- */ #footer .widget_nav_menu li { border-top: 1px dotted #4b4b4b; padding: 5px 0; width: 100%; } #footer .widget_nav_menu li:first-child { border-top: none; } #footer .widget_nav_menu li a { border: none; padding: 0; } /* ---------------------------------------- */ /* Contact Info /* ---------------------------------------- */ .contact-info { margin-bottom: 20px; } /* ---------------------------------------- */ /* Social Links /* ---------------------------------------- */ .social-links li:nth-child(8n+1) { margin-left: 0; } .social-links li:nth-child(8n) { margin-right: 15px; } } .calc_description { width: 190px; display: inline-block; font-size: 17px; line-height: 36px; vertical-align: top; } .calc_calendar { display: inline-block; width: 200px; height: 170px; vertical-align: top; } .calc_fields { width: 250px; display: inline-block; margin-left: 10px; } .calc_fields p, .adult > span, .child > span { font-size: 12px; margin-bottom: 2px; } .adult { display: inline-block; vertical-align: top; } .child { display: inline-block; vertical-align: top; margin-left: 10px; } .earlyNote { text-align: center; line-height: 13px; } .ui-datepicker{ width: 200px !important; height: 168px !important; font-size: 10px !important; } .datepicker-mod{ width: 144px; height: 20px; padding: 0 7px; } meta li:nth-child(4) { border-left: none; padding-left: 0; } /*RankHigher Styles*/ #toggleText{ display:none; } #displayText{ color: ##D8282A; text-decoration:none; text-transform: uppercase; font-size: 12px; padding: 2px; font-weight: bold; } #displayText:hover { color: ##D8282A; text-decoration:none; text-transform: uppercase; font-size: 12px; padding: 2px; } .sm-group { display: inline-block; vertical-align: top; width: 24%; min-width: 150px; } /*.sm-con ul { display: none; } .sm-con:hover ul { display: block; }*/ .sm-con p { margin: 0; } .flex-active-slide { display: block !important; } /* This rule fixes an issue where the homepage slider would not correctly show the first slide after the page loads */