 /*
    Theme Name: Casablanca
    Theme URI: https://flexithemes.com/casablanca-wordpress-theme/
    Description: Free General/Blog WordPress theme by FlexiThemes
    Author: FlexiThemes
    Author URI: https://flexithemes.com
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: black, blue, white, three-columns, right-sidebar
*/

 /* INDEX:

    =GENERAL
    =LAYOUT
    =HEADER
    =MENUS
    =POST
    =WOOCOMMERCE
    =SITEMAP
    =CONTACT FORM
    =SLIDER
    =WP-PAGENAVI
    =FOOTER
    =WIDGETS
    =COMMENTS
    =RESPONSIVE
*/

 @import url(https://fonts.googleapis.com/css?family=Oswald);
 /* =GENERAL
-------------------------------------------------------------- */

 body {
   background: #fff url(images/background.png) center top no-repeat;
   color: #222;
 }

 a {
   color: #00bed7;
   text-decoration: underline;
 }

 a:hover, a:focus {
   color: #00d9f5;
   text-decoration: none;
 }

 a:focus {
   outline: none;
 }

 /* =LAYOUT
-------------------------------------------------------------- */

 #container {
   width: 960px;
   margin: 0 auto;
 }

 #main {
   padding: 15px;
   background: #fff;
 }

 #main-fullwidth {
   padding: 15px;
   background: #fff;
 }

 #content {
   overflow: hidden;
   float: left;
   width: 615px;
 }

 #sidebar-primary {
   overflow: hidden;
   float: left;
   width: 300px;
   margin-left: 15px;
 }

 /* =HEADER
-------------------------------------------------------------- */

 #header {
   height: auto;
   padding: 20px 0;
 }

 .logo {
   float: left;
 }

 .logo h1.site_title {
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, Sans-serif;
   font-size: 48px;
   line-height: 40px;
   font-weight: bold;
 }

 .logo h1.site_title a, .logo h1.site_title a:hover {
   color: #333;
   text-decoration: none;
 }

 .logo h2.site_description {
   margin: 0;
   padding: 0;
   color: #999;
   font-family: Arial, Helvetica, Sans-serif;
   font-size: 14px;
   line-height: 14px;
 }

 .header-right {
   float: right;
 }

 #top-social-profiles {
   padding-top: 10px;
   height: 32px;
   text-align: right;
 }

 #top-social-profiles img {
   margin: 0 0 0 6px !important;
 }

 #top-social-profiles img:hover {
   opacity: 0.8;
 }

 #top-social-profiles .widget-container {
   background: none;
   padding: 0;
   border: 0;
 }

 /* =MENUS
-------------------------------------------------------------- */

 /* Menu Primary
----------------------------*/

 .menu-primary-container {
   float: left;
   padding: 0;
   position: relative;
   height: 34px;
   z-index: 400;
 }

 .menu-primary {}

 .menu-primary ul {
   min-width: 160px;
 }

 /* First Level - Menu Primary */

 .menu-primary li a {
   color: #555;
   padding: 11px 15px;
   text-decoration: none;
   font-family: 'Oswald', Sans-serif;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: normal;
 }

 .menu-primary li a:hover, .menu-primary li a:active, .menu-primary li a:focus, .menu-primary li:hover>a, .menu-primary li.current-cat>a, .menu-primary li.current_page_item>a, .menu-primary li.current-menu-item>a {
   color: #00d5f1;
   outline: 0;
 }

 /* Child Levels - Menu Primary */

 .menu-primary li li a {
   color: #00d5f1;
   text-transform: none;
   background: #f7f7f7;
   padding: 10px 15px;
   margin: 0;
   border: 0;
   font-weight: normal;
 }

 .menu-primary li li a:hover, .menu-primary li li a:active, .menu-primary li li a:focus, .menu-primary li li:hover>a, .menu-primary li li.current-cat>a, .menu-primary li li.current_page_item>a, .menu-primary li li.current-menu-item>a {
   color: #fff;
   background: #00d5f1;
   outline: 0;
   border-bottom: 0;
   text-decoration: none;
 }

 /* Arrows Menu Primary */

 .menu-primary a.sf-with-ul {
   padding-right: 20px;
   min-width: 1px;
 }

 .menu-primary .sf-sub-indicator {
   position: absolute;
   display: block;
   overflow: hidden;
   right: 0;
   top: 0;
   padding: 9px 10px 0 0;
 }

 .menu-primary li li .sf-sub-indicator {
   padding: 9px 10px 0 0;
 }

 /* Shadows Menu Primary */

 .wrap-menu-primary .sf-shadow ul {
   background: url('images/menu-primary-shadow.png') no-repeat bottom right;
 }

 /* Menu Secondary
----------------------------*/

 .menu-secondary-container {
   position: relative;
   height: 44px;
   z-index: 300;
   border-bottom: 2px solid #333;
 }

 .menu-secondary {
 }

 .menu-secondary ul {
   min-width: 160px;
 }

 /* First Level - Menu Secondary */


 .menu-secondary li a {
   color: #111;
   padding: 16px 15px 15px 15px;
   text-decoration: none;
   font-family: 'Oswald', Sans-serif;
   font-size: 13px;
   text-transform: uppercase;
   font-weight: normal;
 }

 .menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus, .menu-secondary li:hover>a, .menu-secondary li.current-cat>a, .menu-secondary li.current_page_item>a, .menu-secondary li.current-menu-item>a {
   color: #111;
   outline: 0;
   border-bottom: 2px solid #00d5f1;
 }

 /* Child Levels - Menu Secondary */

 .menu-secondary li li a {
   color: #fff;
   background: #00d5f1;
   padding: 10px 15px;
   text-transform: none;
   margin: 0;
   font-weight: normal;
 }

 .menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus, .menu-secondary li li:hover>a, .menu-secondary li li.current-cat>a, .menu-secondary li li.current_page_item>a, .menu-secondary li li.current-menu-item>a {
   color: #fff;
   background: #08c2eb;
   outline: 0;
   border-bottom: 0;
 }

 /* Arrows - Menu Secondary */

 .menu-secondary a.sf-with-ul {
   padding-right: 26px;
   min-width: 1px;
 }

 .menu-secondary .sf-sub-indicator {
   position: absolute;
   display: block;
   overflow: hidden;
   right: 0;
   top: 0;
   padding: 14px 13px 0 0;
 }

 .menu-secondary li li .sf-sub-indicator {
   padding: 9px 13px 0 0;
 }

 /* Shadows - Menu Secondary */

 .wrap-menu-secondary .sf-shadow ul {
   background: url('images/menu-secondary-shadow.png') no-repeat bottom right;
 }

 /* =POST
-------------------------------------------------------------- */

 /* Post General
----------------------------*/

 .post {
   margin-bottom: 15px;
   border-bottom: 1px solid #ddd;
 }

 .post-box {
   width: 300px;
   height: 300px;
   float: left;
   margin-left: 15px;
   overflow: hidden;
 }

 .post-wrap div:first-child {
   margin-left: 0;
 }

 .page, .post-single {
   border-bottom: 0;
   margin-bottom: 0;
 }

 .title {
   color: #333;
   margin: 0 0 10px 0;
   padding: 0;
   font-family: 'Oswald', Sans-serif;
   font-size: 16px;
   line-height: 22px;
   font-weight: normal;
 }

 .post-single .title {
   font-size: 24px;
   line-height: 24px;
 }

 .title a {
    color: #333;
    text-decoration: none;
    transition: 0.3s;
 }

 .title a:hover {
   color: #00d5f1;
   text-decoration: none;
 }

 .entry {
   line-height: 20px;
 }

 .featured_image {
   padding: 6px;
   border: 1px solid #ccc;
   background: #fff;
 }

 .page-title {
   color: #333;
   margin: 0px 0 10px 0;
   padding: 0 0 10px 0;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 20px;
   font-family: Arial, Helvetica, Sans-serif;
   border-bottom: 2px solid #ddd;
 }

 /* Post Metas
----------------------------*/

 .postmeta-primary {
   color: #555;
   font-size: 12px;
   line-height: 18px;
   padding: 0 0 10px 0;
 }

 .postmeta-secondary {
   color: #555;
   font-size: 12px;
   line-height: 18px;
   padding: 0 0 10px 0;
 }

 .postmeta-primary span, .postmeta-secondary span {
   background: url(images/meta-separator.png) left center no-repeat;
   padding: 3px 0 3px 10px;
 }

 .postmeta-primary span:first-child, .postmeta-secondary span:first-child {
   background: none;
   padding-left: 0;
 }

 /* Read More
----------------------------*/

 .readmore {
   margin-bottom: 15px;
   float: right;
 }

 .readmore a {
   color: #00d5f1;
   background: #f4f4f4;
   padding: 8px 14px;
   font-size: 12px;
   line-height: 12px;
   display: inline-block;
   text-decoration: none;
   text-transform: uppercase;
   transition: 0.3s;
 }

 .readmore a:hover {
   color: #fff;
   background: #00d5f1;
   text-decoration: none;
 }

 /* =WOOCOMMERCE
-------------------------------------------------------------- */

 .woocommerce .content, .woocommerce #main-fullwidth {
   background: #fff;
 }

 .variations .label {
   background-color: inherit;
   color: inherit;
   display: block !important;
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit;
   text-shadow: none;
   vertical-align: inherit;
   white-space: inherit;
   padding: 8px 8px 8px 0 !important;
 }

 .woocommerce input[type="text"], .woocommerce input[type="password"], .woocommerce input.text, .woocommerce input.title, .woocommerce textarea, .woocommerce select {
   margin: 0;
   padding: 4px !important;
 }

 .quantity input[type="text"], .quantity input.text, .quantity input {
   margin: 0;
   padding: 0 !important;
 }

 .woocommerce img {
   width: auto !important;
   height: auto !important;
 }

 /* =SITEMAP
-------------------------------------------------------------- */

 .sitemap {}

 .sitemap-col {
   width: 30%;
   padding: 0 0 0 10px;
 }

 .sitemap-col-archives {
   width: 45%;
   padding: 0 0 0 10px;
 }

 .sitemap h2 {
   font-size: 18px;
   font-weight: bold;
   border-bottom: 2px solid #ddd;
   padding: 0 0 10px 0;
   margin: 0 0 10px 0;
 }

 .sitemap h3 {
   font-size: 14px;
   font-weight: bold;
   padding: 0;
   margin: 0 0 10px 0;
 }

 .sitemap-list {
   font-size: 13px;
   line-height: 22px;
 }

 .sitemap-list, .sitemap-list ul {
   padding: 0 0 0 20px;
 }

 /* =CONTACT FORM
-------------------------------------------------------------- */

 .contact-form {}

 .contact-form-label {
   width: 90px;
   font-weight: bold;
   font-size: 14px;
   padding: 7px 0;
 }

 .contact-form-input {
   margin-left: 90px;
 }

 .contact-form input[type=text] {
   padding: 6px;
   width: 60%;
   margin-bottom: 20px;
   border: 1px solid #ccc;
   background: #fff;
 }

 .contact-form input[type=submit] {
   padding: 5px 50px;
   border: 1px solid #ccc;
   background: #eee;
 }

 .contact-form textarea {
   width: 96%;
   padding: 6px;
   height: 160px;
   margin-bottom: 20px;
   border: 1px solid #ccc;
   background: #fff;
 }

 .contact-form-required {
   color: red;
 }

 /* =SLIDER
-------------------------------------------------------------- */

 .fp-slider {
   margin: 0 0 15px 0;
 }

 .fp-slides-container {}

 .fp-slides, .fp-thumbnail, .fp-prev-next, .fp-nav {
   width: 930px;
 }

 .fp-slides, .fp-thumbnail {
   height: 300px;
   overflow: hidden;
   position: relative;
 }

 .fp-title {
   font-family: Arial, Helvetica, Sans-serif;
   color: #fff;
   font-size: 18px;
   font-weight: bold;
   padding: 0 0 2px 0;
   margin: 0;
 }

 .fp-title a, .fp-title a:hover {
   color: #fff;
   text-decoration: none;
 }

 .fp-content {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: #111;
   opacity: 0.7;
   filter: alpha(opacity=70);
   padding: 10px 15px;
   overflow: hidden;
 }

 .fp-content p {
   color: #fff;
   padding: 0;
   margin: 0;
   line-height: 18px;
 }

 .fp-more, .fp-more:hover {
   color: #fff;
   font-weight: bold;
 }

 .fp-nav {
   height: 12px;
   text-align: center;
   padding: 10px 0;
   background: #333;
 }

 .fp-pager a {
   background-image: url(images/featured-pager.png);
   cursor: pointer;
   margin: 0 8px 0 0;
   padding: 0;
   display: inline-block;
   width: 12px;
   height: 12px;
   overflow: hidden;
   text-indent: -999px;
   background-position: 0 0;
   float: none;
   line-height: 1;
   opacity: 0.7;
   filter: alpha(opacity=70);
 }

 .fp-pager a:hover, .fp-pager a.activeSlide {
   text-decoration: none;
   background-position: 0 -112px;
   opacity: 1.0;
   filter: alpha(opacity=100);
 }

 .fp-prev-next-wrap {
   position: relative;
   z-index: 200;
 }

 .fp-prev-next {
   position: absolute;
   bottom: 130px;
   left: 0;
   right: 0;
   height: 37px;
 }

 .fp-prev {
   float: left;
   margin-left: 14px;
   width: 37px;
   height: 37px;
   background: url(images/featured-prev.png) left top no-repeat;
   opacity: 0.6;
   filter: alpha(opacity=60);
 }

 .fp-prev:hover {
   opacity: 0.8;
   filter: alpha(opacity=80);
 }

 .fp-next {
   float: right;
   width: 36px;
   height: 37px;
   margin-right: 14px;
   background: url(images/featured-next.png) right top no-repeat;
   opacity: 0.6;
   filter: alpha(opacity=60);
 }

 .fp-next:hover {
   opacity: 0.8;
   filter: alpha(opacity=80);
 }

 /* =WP-PAGENAVI
-------------------------------------------------------------- */

 .wp-pagenavi {
   float: left;
 }

 .wp-pagenavi a, .wp-pagenavi span {
   text-decoration: none;
   padding: 5px 8px;
   margin: 2px;
   font-size: 15px;
   line-height: 15px;
   float: left;
 }

 .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
   color: #555;
   background: none;
 }

 .wp-pagenavi span.current {
   font-weight: bold;
   color: #fff;
   background: #00d5f1;
 }

 .wp-pagenavi a:hover {
   color: #fff;
   background: #00d5f1;
 }

 .wp-pagenavi span.pages {
   color: #555;
   background: none;
   padding: 4px 8px 4px 0;
 }

 .wp-pagenavi span.extend {
   background: transparent;
   color: #555;
   background: none;
 }

 /* =FOOTER
-------------------------------------------------------------- */

 #footer {
   margin-bottom: 15px;
 }

 #copyrights {
   color: #fff;
   background: #333;
   text-align: center;
   padding: 25px 0;
 }

 #copyrights a {
   color: #fff;
 }

 #copyrights a:hover {
   color: #00d5f1;
   text-decoration: none;
 }

 #credits {
   color: #555;
   text-align: center;
   font-size: 11px;
   padding: 10px 0 0 0;
 }

 #credits a {
   color: #555;
   text-decoration: none;
 }

 #credits a:hover {
   text-decoration: none;
   color: #00d5f1;
 }

 /* Footer Widgets
----------------------------*/

 #footer-widgets {
   background: #fff;
   border-top: 4px solid #eee;
   padding: 20px 0 0 0;
 }

 .footer-widget-box {
   width: 300px;
   float: left;
   margin-left: 15px;
 }

 .footer-widget-box-last {}

 /* Footer Widgets Color */

 #footer-widgets .widget-container {
 }

 /* Footer Widgets Links */

 #footer-widgets .widget-container a {
 }

 #footer-widgets .widget-container a:hover {
 }

 /* Footer Widget Title */

 #footer-widgets .widgettitle {
 }

 #footer-widgets .widgettitle, #footer-widgets .widgettitle a, #footer-widgets .widgettitle a:hover {
 }

 /* Footer List Items */

 #footer-widgets .widget ul li {
 }

 /* Footer Widgets Tabs */

 #footer-widgets .tabs-widget li a {
 }

 #footer-widgets .tabs-widget li a:hover, #footer-widgets .tabs-widget li a.tabs-widget-current {
 }

 /* Footer Widgets Seaarch */

 #footer-widgets #search {
 }

 #footer-widgets #search #s {
   color: #666 !important;
   color: #666 !important;
 }

 /* =WIDGETS
-------------------------------------------------------------- */

 /* Widgets Defaults
----------------------------*/

 .widget-container {
   list-style-type: none;
   list-style: none;
   margin: 0 0 15px 0;
   padding: 0;
   color: #333;
   font-size: 13px;
 }

 .widget-container a {
   color: #333;
   text-decoration: none;
 }

 .widget-container a:hover {
   color: #00d5f1;
   text-decoration: none;
 }

 .widgettitle {
   background: #fff;
   margin: 0 0 10px 0;
   padding: 10px 10px 10px 0;
   border-bottom: 3px solid #00d5f1;
 }

 .widgettitle, .widgettitle a, .widgettitle a:hover {
   color: #111;
   font-size: 16px;
   line-height: 16px;
   font-family: 'Oswald', Sans-serif;
   font-weight: normal;
   text-decoration: none;
   text-transform: uppercase;
 }

 .widget ul {
   list-style-type: none;
   list-style: none;
   margin: 0;
   padding: 0;
 }

 .widget ul li {
   padding: 0 0 9px 0;
   margin: 0 0 8px 0;
 }

 .widget ul li .children {
   padding-top: 17px;
 }

 /* Search
----------------------------*/

 #search {
   border: 1px solid #ddd;
   background: #fff url(images/search.png) 99% 50% no-repeat;
   text-align: left;
   padding: 6px 24px 6px 6px;
 }

 #search #s {
   background: none;
   color: #666;
   border: 0;
   width: 100%;
   padding: 0;
   margin: 0;
   outline: none;
 }

 #content-search {
   width: 300px;
   padding: 15px 0;
 }

 /* Wp Calendar
----------------------------*/

 #wp-calendar td:hover, #wp-calendar #today {
   background: #00d5f1;
   color: #fff;
 }

 #wp-calendar td:hover a, #wp-calendar #today a {
   color: #fff;
 }

 /* Text Widget
----------------------------*/

 .textwidget {
   line-height: 18px;
 }

 /* 125x125 Banners Widget
----------------------------*/

 .banners-125 {
   text-align: center;
   margin-bottom: -10px;
 }

 .banners-125 img {
   margin: 0 5px 5px 5px;
 }

 /* Posts Widget
----------------------------*/

 .posts-widget ul {
   list-style-type: none;
   list-style: none;
   padding: 0;
   margin: 10px 0 0 0;
 }

 .posts-widget ul li {
   list-style-type: none;
   list-style: none;
   padding: 0 0 15px 0;
   margin: 0 0 15px 0;
   border-bottom: 1px solid #ddd;
 }

 .posts-widgettitle {
   font-weight: normal;
   padding: 0 0 5px 0;
   margin: 0;
   font-family: 'Oswald', Sans-serif;
   font-size: 16px;
   line-height: 20px;
 }

 .posts-widgettitle a {
   transition: 0.3s
 }

 .posts-widgettitle a:hover {}

 .posts-widget-meta {
   font-style: italic;
   padding: 0 0 5px 0;
 }

 .posts-widget-entry {
   font-family: Arial, Helvetica, Sans-serif;
   line-height: 20px;
 }

 .posts-widget-more {
   font-weight: bold;
 }

 .posts-widget-more:hover {}

 .posts-widget-featured-image {
   border: 1px solid #ddd;
   padding: 4px;
   background-color: #fff;
 }

 .posts-widget .alignleft {
   margin: 0 8px 8px 0;
 }

 .posts-widget .alignright {
   margin: 0 0 8px 8px;
 }

 .posts-widget .aligncenter {
   margin-bottom: 8px;
 }

 /* Comments Widget
----------------------------*/

 .comments-widget ul {
   list-style-type: none;
   list-style: none;
   padding: 0;
   margin: 10px 0 0 0;
 }

 .comments-widget ul li {
   list-style-type: none;
   list-style: none;
   padding: 0 0 10px 0;
   margin: 0 0 10px 0;
   border-bottom: 1px solid #ddd;
 }

 .comments-widget-author {
   text-decoration: none;
   font-weight: bold;
   padding: 0 0 5px 0;
   margin: 0;
 }

 .comments-widget-author:hover {}

 .comments-widget-entry {
   font-family: Arial, Helvetica, Sans-serif;
   line-height: 20px;
 }

 .comments-widget-more {
   font-weight: bold;
 }

 .comments-widget-more:hover {}

 .comments-widget-avatar {
   border: 1px solid #ddd;
   padding: 4px;
   background-color: #fff;
 }

 .comments-widget .alignleft {
   margin: 0 8px 0 0;
 }

 .comments-widget .alignright {
   margin: 0 0 0 8px;
 }

 .comments-widget .aligncenter {
   margin-bottom: 8px;
 }

 /* Info Box Widget
----------------------------*/

 .infobox-widget ul {
   list-style-type: none;
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .infobox-widget ul li {
   list-style-type: none;
   list-style: none;
   padding: 0;
   margin: 5px 0 0 0;
 }

 .infobox-widget ul li a {
   text-decoration: none;
 }

 .infobox-widget-description {
   line-height: 20px;
 }

 .infobox-widget-more {
   font-weight: bold;
 }

 .infobox-widget-more:hover {}

 .infobox-widget .alignleft {
   margin: 0 10px 10px 0;
 }

 .infobox-widget .alignright {
   margin: 0 0 10px 10px;
 }

 .infobox-widget .aligncenter {
   margin-bottom: 10px;
 }

 .infobox-widget .inbottom {
   margin-top: 10px;
 }

 /* Social Profiles Widget
----------------------------*/

 .social-profiles-widget img {
   margin: 0 4px 0 0;
 }

 .social-profiles-widget img:hover {
   opacity: 0.8;
 }

 /* Tabs Widget
----------------------------*/

 .tabs-widget {
   list-style: none;
   list-style-type: none;
   margin: 0 0 10px 0;
   padding: 0;
   height: 26px;
 }

 .tabs-widget li {
   list-style: none;
   list-style-type: none;
   margin: 0 0 0 4px;
   padding: 0;
   float: left;
 }

 .tabs-widget li:first-child {
   margin: 0;
 }

 .tabs-widget li a {
   color: #00d5f1;
   background: #f5f5f5;
   padding: 6px 16px;
   font-family: Arial, Helvetica, Sans-serif;
   font-weight: bold;
   display: block;
   text-decoration: none;
   font-size: 12px;
   line-height: 12px;
   transition: 0.3s;
 }

 .tabs-widget li a:hover, .tabs-widget li a.tabs-widget-current {
   background: #00d5f1;
   color: #fff;
 }

 .tabs-widget-content {}

 /* Facebook Widget
----------------------------*/

 .facebook-widget {
   list-style-type: none;
   list-style: none;
   margin: 0;
   padding: 0;
 }

 /* =COMMENTS
-------------------------------------------------------------- */

 #comments {
   margin-bottom: 15px;
 }

 #comments p {
   margin: 5px 0 10px 0;
 }

 h3#comments-title {
   font-weight: bold;
   font-size: 20px;
   padding: 0;
   margin: 0 0 15px 0;
 }

 .commentlist {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 .commentlist li.comment {
   line-height: 24px;
   margin: 0 0 15px 0;
   padding: 0 0 0 0px;
   position: relative;
 }

 .commentlist li:last-child {
   border-bottom: none;
   margin-bottom: 0;
 }

 #comments .comment-body ul, #comments .comment-body ol {
   margin-bottom: 15px;
 }

 #comments .comment-body blockquote p:last-child {
   margin-bottom: 15px;
 }

 .commentlist .avatar {
   border: 3px solid #ffffff;
   margin-right: 10px;
   width: 40px;
   height: 40px;
   vertical-align: middle;
   margin-bottom: 2px;
 }

 .comment-author {
   padding: 5px;
   display: block;
   background: #F2F2F2;
   border: 1px solid #DFDFDF;
   -moz-border-radius: 4px;
   -khtml-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
 }

 .comment-author cite {
   font-style: normal;
   font-weight: bold;
 }

 .comment-author .says {
   font-style: italic;
 }

 .fn, .fn a:link, .fn a:hover, .fn a:visited {
   font-family: Arial, Helvetica, Sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   text-decoration: none;
 }

 .comment-meta {
   margin: -23px 0 0 65px;
   display: block;
   font-size: 11px;
   padding: 0;
 }

 .comment-meta a:link, .comment-meta a:visited {
   text-decoration: none;
 }

 .commentlist .bypostauthor {}

 .reply {
   text-align: right;
   margin-bottom: 10px;
 }

 .comment-reply-link {
   font-size: 11px;
   font-weight: normal;
   text-decoration: none;
   background: #EDEDED;
   color: #333;
   padding: 2px 8px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #999999;
 }

 .comment-reply-link:hover {
   background: #F5F5F5;
   color: #333;
 }

 .commentlist .children {
   list-style: none;
   margin: 0;
 }

 /* Children */

 .commentlist .children li {
   border: none;
   margin: 0;
 }

 .nocomments {
   display: none;
 }

 #comments .pingback {
   margin-bottom: 18px;
   padding-bottom: 18px;
 }

 .commentlist li.comment+li.pingback {
   margin-top: -6px;
 }

 #comments .pingback p {
   font-size: 12px;
   line-height: 18px;
   display: block;
   margin: 0;
 }

 #comments .pingback .url {
   font-style: italic;
   font-size: 13px;
 }

 /* Comments form */

 #respond {
   overflow: hidden;
   position: relative;
   margin-bottom: 15px;
 }

 h3#reply-title {
   font-weight: bold;
   font-size: 20px;
   padding: 0;
   margin: 0 0 15px 0;
 }

 #respond .required {
   color: #FF4B33;
 }

 #respond .comment-notes {
   margin-bottom: 1em;
 }

 .form-allowed-tags {
   display: none;
 }

 .children #respond {
   margin: 0 48px 0 0;
 }

 #comments-list #respond {
   margin: 0 0 18px 0;
 }

 #comments-list ul #respond {
   margin: 0;
 }

 #cancel-comment-reply-link {
   font-size: 12px;
   line-height: 18px;
   font-weight: normal;
 }

 #respond .required {
   color: #FF4B33;
   font-weight: bold;
 }

 #respond label {
   font-size: 12px;
   font-weight: bold;
 }

 #respond input {
   margin: 10px 0 0 0;
   width: 98%;
 }

 #respond textarea {
   width: 98%;
   margin: 10px 0 0 0;
 }

 #respond .form-allowed-tags {
   font-size: 12px;
   line-height: 18px;
 }

 #respond .form-allowed-tags code {
   font-size: 11px;
 }

 #respond input[type=submit] {
   margin: 0;
 }

 #respond .form-submit {
   margin: 0;
 }

 #respond .form-submit input {
   width: auto;
   font-size: 14px;
 }

 #respond dl {
   margin: 0 0 10px;
 }

 #respond dt {
   display: inline;
   font-weight: normal;
 }

 #respond dd {
   display: inline;
 }

 /* =RESPONSIVE
-------------------------------------------------------------- */

 .menu-primary-responsive-container, .menu-secondary-responsive-container {
   display: none;
   margin: 10px;
 }

 .menu-primary-responsive, .menu-secondary-responsive {
   width: 100%;
   padding: 5px;
   border: 1px solid #ddd;
 }

 /* Tablets ----------- */

 @media only screen and (max-width: 768px) {
   #container, #footer-container {
     width: 100%;
   }
   #main, #main-fullwidth, #header, #footer-widgets, #footer {
     padding-left: 10px;
     padding-right: 10px;
   }
   #main, #main-fullwidth {
     background-image: none;
   }
   #header {
     height: 100%;
     padding-top: 10px;
     padding-bottom: 10px;
   }
   .logo, .header-right {
     float: none;
     text-align: center;
     padding-left: 0;
     padding-right: 0;
     margin-left: 0;
     margin-right: 0;
   }
   .header-right {
     padding-top: 10px;
   }
   #topsearch {
     float: none;
     width: 96%;
     margin: 10px 2%;
   }
   #header #topsearch {
     margin-left: 0;
     margin-right: 0;
     width: 100%;
   }
   #top-social-profiles {
     float: none;
     width: 100%;
     display: block;
     text-align: center;
   }
   #content, #sidebar-primary, #sidebar-secondary {
     width: 100%;
     float: none;
     padding: 0;
     margin: 0;
     display: block;
   }
   .menu-primary-container, .menu-secondary-container {
     float: none;
     margin-left: 0;
     margin-right: 0;
     display: block;
   }
   .fp-slider, #fb-root {
     display: none;
   }
   .post-box {
     width: 100%;
     height: 100%;
     float: none;
     overflow: hidden;
     margin: 0;
     padding: 0;
   }
   #footer-widgets-container #footer-widgets {
     width: inherit;
   }
   .footer-widget-box {
     width: 100%;
     float: none;
     margin: 0;
     padding: 0;
   }
   #copyrights, #credits {
     display: block;
     float: none;
     text-align: center;
   }
   #footer-container #copyrights, #footer-container #credits {
     padding: 5px 0;
   }
   #footer-container #footer {
     width: auto;
     padding-left: 10px;
     padding-right: 10px;
   }
 }

 /* Mobile Phones ----------- */

 @media only screen and (max-width: 480px) {
   .menu-primary-responsive-container, .menu-secondary-responsive-container {
     display: block;
   }
   .menu-primary-container, .menu-secondary-container {
     display: none;
   }
   #header .menu-primary-responsive-container, #header .menu-primary-responsive-container {
     margin-left: 0;
     margin-right: 0;
     width: 100%;
   }
 }

 /* =END
-------------------------------------------------------------- */
