/*

Theme Name: Swathe.me Ver.3.0

Theme URI: http://swathe.co.nz/

Author: Ryan Lao

Author URI: http://inventivewebs.net/

Description: Swathe.me keeps you connected to friends and family during difficult times to receive the support you need.

Version: 3.0

*/



/* Table of content

-----------------------------------------------

1. Global

2. Content

3. Post styling

4. Singe Post/Page Pagination

5. Media

6. Widgets

7. Buttons

8. Infinite Scroll

8. Custom Styles

9. Navigation

10. Comments

11. Attachment styling

12. Gallery

13. Footer

14. Social icons

15. Call For Action



16. Header/Logo

17. Custom Bootstrap

18. Accordion

19. Columns

20. Frontpage / Homepage

21. Gifts / Shop Page

22. Homepage Supplier Buttons

*/



/* =Global

----------------------------------------------- */

body {

  color: #6B6B6B;

  background-color: #FFFFFF;

  word-wrap: break-word;

  font-family: 'Open Sans', sans-serif;

  line-height: 1.5;

  font-size: 16px;

}

blockquote {

	text-align: center;

    padding: 0;

    margin: 20px auto;

    font-size: 18px;

    border-left: none;

	font-style: italic;

}

a {

  color: #00a6e8;

  text-decoration: none;

  -webkit-transition: all 0.3s;

     -moz-transition: all 0.3s;

       -o-transition: all 0.3s;

          transition: all 0.3s;

}



a:hover,

a:focus {

  color: #10739b;

  text-decoration: none;

}



a:focus {

  outline: thin dotted;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}

p { margin: 0 0 15px 0; }

pre {

  width: 100%; /* specify width */

  white-space: pre-wrap; /* CSS3 browsers */

  white-space: -moz-pre-wrap !important; /* 1999+ Mozilla */

  white-space: -pre-wrap; /* Opera 4 thru 6 */

  white-space: -o-pre-wrap; /* Opera 7 and up */

  word-wrap: break-word; /* IE 5.5+ and up */

}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

  color: #4a4a4a;

  font-weight: 700;

  /*font-family: 'Roboto Slab', serif;*/

}



h1,

.h1 {

  font-size: 28px;

	margin-bottom: 20px;

}

h1.margin-top-none {

	margin-top: 0;

}

h2,

.h2 {

  font-size: 24px;

}



h3,

.h3 {

  font-size: 20px;

}



h4,

.h4 {

  font-size: 16px;

}



h5,

.h5 {

  font-size: 14px;

}



h6,

.h6 {

  font-size: 13px;

}



img {

  height: auto; /* Make sure images are scaled correctly. */

  max-width: 100%; /* Adhere to container width. */

}

button,

input,

select,

textarea {

  font-size: 100%; /* Corrects font size not being inherited in all browsers */

  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

  vertical-align: baseline; /* Improves appearance and consistency in all browsers */

  *vertical-align: middle; /* Improves appearance and consistency in all browsers */

}



input[type="checkbox"],

input[type="radio"] {

  padding: 0; /* Addresses excess padding in IE8/9 */

}

input[type="search"] {

  -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */

  -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

  -moz-box-sizing:  content-box;

  box-sizing:     content-box;

}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

  -webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

  border: 0;

  padding: 0;

}

input[type="text"],

input[type="email"],

input[type="tel"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

  color: #666;

  border: 1px solid #d8d8d8;

  border-radius: 3px;

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="tel"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

  color: #111;

}

input[type="text"],

input[type="email"],

input[type="tel"],

input[type="url"],

input[type="password"],

input[type="search"] {

  padding: 3px;

}

textarea {

  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

  padding-left: 3px;

  vertical-align: top; /* Improves readability and alignment in all browsers */

  width: 100%;



}





/* Alignment */

.alignleft {

  display: inline;

  float: left;

  margin-right: 1.5em;

}

.alignright {

  display: inline;

  float: right;

  margin-left: 1.5em;

	margin-bottom: 1.5em;

}

.aligncenter {

  clear: both;

  display: block;

  margin: 0 auto;

}



/* Layout */

.side-pull-left .main-content-inner{

    float: left;

}

.side-pull-right .main-content-inner{

    float: right;

}

.no-sidebar #secondary, .full-width #secondary{

    display: none;

}

.no-sidebar .main-content-inner{

    float: none;

    margin: 0 auto;

}

.full-width .main-content-inner{

    width: 100%;

}

/* Text meant only for screen readers */

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

}



.screen-reader-text:hover,

.screen-reader-text:active,

.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000; /* Above WP toolbar */

}



/* Clearing floats */

.clear:before,

.clear:after,

.gallery:before,

.gallery:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after,

.home-widget-area:before {

  content: '';

  display: table;

}



.clear:after,

.entry-content:after,

.gallery:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after,

.home-widget-area:before {

  clear: both;

}



/* =Content

----------------------------------------------- */



.sticky {

}

.hentry {

  margin: 0;

}

.updated {

  display: none;

}

.blog .byline,

.archive .byline,

.single .byline,

.group-blog .byline {

  display: inline;

  margin-right: 0;

}

.page-content,

.entry-content,

.entry-summary {

  margin: 0 0 30px;

}

.page-links {

  clear: both;

  margin: 0 0 1.5em;

}

.main-content-area {

	/*

  margin-top: 40px;

  margin-bottom: 40px;

	*/

}





/* TOOLTIPS */

.full-width .choice-item {

	float:left;

}

.donate-form .form-fields__details .field.field__option.full-width {

	width: 100%;

}

.tooltip-container {

	float:Left;

}

.coupon .tooltip-container {

	float:left;

	margin-top: 5px;

}

.coupon .osc_tooltip, 

.coupon .tooltips {

	margin-right: 5px;

	margin-left: 2px;

}

.osc_tooltip, .tooltips {

	display: inline-block;

	background: #00a5e8;

	color: #fff;

	border-radius: 20em;

	padding: 0px 6px;

	margin-left: 5px;

	font-size: 12px;

	font-weight: bold;

	font-style: normal;

	cursor: pointer;

}

.bg-light .tooltips {

	background: none;

	border-radius: 0;

	padding: 0px;

	margin-left: 0px;

}

.osc_tooltip:hover, .tooltips:hover {

	text-decoration: none;

	color:#fff;

}

.tooltip-inner {

	max-width: 200px;

	text-align:left;

	background-color: #00a5e8;

	color: #fff;

	font-size: 12px;

	padding: 10px;

	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .3);

    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);

}

.tooltip.in {

	opacity:1!important;

}

.tooltip.top{

	padding:5px;

}

.tooltip.top .tooltip-arrow {

 border-top-color: #00a5e8;

}

.tooltip.right .tooltip-arrow {

  border-right-color: #00a5e8;

}

.tooltip.bottom .tooltip-arrow {

  border-bottom-color: #00a5e8;

}

.tooltip.left .tooltip-arrow {

  border-left-color: #00a5e8;

}





/* =Post styling

----------------------------------------------- */

ul.list-margin-bottom-15 li {

	margin-bottom: 15px;

}

.margin-top-10 {

	margin-top: 10px;

}

.margin-bottom-20 {

	margin-bottom: 20px;

}

.margin-top-bottom-20 {

	margin-top: 20px;

	margin-bottom: 20px;

}

.margin-top-bottom-30 {

	margin-top: 30px;

	margin-bottom: 30px;

}

.padding-bottom-20 {

	padding-bottom: 20px;

}

.bg-lgray {

	background-color: #f2f2f2;

	padding-top: 20px;

	padding-bottom: 20px;

}

.entry-meta a {

  font-size: 13px;

  color: #6B6B6B;

}

.entry-meta {

  margin-bottom: 30px;

}

footer.entry-meta {

  margin-bottom: 0;

}

.page-header {

  margin-top: 0;

  border-bottom: 0;

  padding-bottom: 0;

}

.single-featured-container .page-header {

	position: absolute;

	bottom: 0;

}

.single-featured-container .entry-meta {

  margin-bottom: 0px;

}

.entry-meta .fa {

	color:#6B6B6B;

  font-size: 14px;

  margin-right: 3px;

	

}

.entry-meta span {

  margin-right: 10px;

}

.single-featured-container .entry-meta .fa,

.single-featured-container .entry-meta a {

	color:#fff;

	text-shadow: 0px 0px 2px #000000;

}



.single-featured-container .entry-title {

    color: #fff;

    font-size: 50px;

    margin-bottom: 10px;

	opacity: 1;

	text-shadow: 0px 0px 4px #000000;

}

.entry-title {

  color: #444;

  font-size: 28px;

  /*margin-bottom: 30px;*/

}

.entry-title a {

  color: #444;

}

.entry-title a:hover {

  color: #00a5e8;

}

.btn.btn-default.read-more {

  float: right;

  margin-top: 10px;

  font-size: 12px;

  padding: 11px 13px;

}

.search .btn.btn-default.read-more {

  float: none;

}

hr.section-divider {

  border-color: #E8E8E8;

  margin-top: 50px;

  margin-bottom: 50px;

}

/* author */

.author-bio {

  clear: both;

  width: 100%;

  padding-top: 35px;

  padding-bottom: 35px;

}

.author-bio .avatar {

  float: left;

}

.author-bio-content h4 {

  font-size: 14px;

  margin-top: 0;

}

.author-bio .author-bio-content {

  margin-left: 74px;

}

.secondary-content-box {

  padding-top: 0;

  padding-bottom: 0;

}

.single-view

/*.blog-item-wrap*/ {

  margin-bottom: 40px;

}

.post-inner-content {

  padding: 40px 0px;

  background-color: #fff;

  /*border: 1px solid #dadada;

	padding: 40px 50px;*/

  border-top: none;

}

body.archive .post-inner-content,

body.blog .post-inner-content /*,

.post-inner-content:first-child*/ {

  border-top: 1px solid #dadada;

}

body.single .post-inner-content .col-md-8 h2 {

	font-size: 30px;

	margin-top: 30px;

	margin-bottom: 30px;

}

body.single .post-inner-content .col-md-8 p,

body.single .post-inner-content .col-md-8 blockquote {

	font-size: 20px;

	line-height: 1.65;

	color: #40454a;

	margin: 0 0 35px;

	text-rendering: auto !important;

	font-family: "Georgia", serif;

}

body.single .post-inner-content .col-md-8 blockquote p {

	border-left: 4px solid #00bfff;

	line-height: 1.5;

	font-size: 24px;

	font-style: italic;

	text-align: left;	

	padding: 5px 30px;

	margin-bottom: 0px;

}

body.archive .entry-content,

body.blog .entry-content {

    margin: 0 0 0;

}



.entry-title {

  margin-top: 0;

}



.more-link,

.says {

  display: none;

}

.comment-author .fn,

.author-bio h4,

.comment-reply-title {

  text-transform: uppercase;

  font-weight: 700;

}

#bbp-single-user-details #bbp-user-avatar img.avatar {

  position: relative;

  left: 0;

  top: 0;

}



/* =Singe Post/Page Pagination

----------------------------------------------- */

.page-links span {

  display: inline-block;

  color: #fff;

  background-color: #00a5e8;

  border-radius: 4px;

  padding: 2px 10px;

  margin-left: 2px;

}

.page-links a span {

  background-color: inherit;

  border: 1px solid #E8E8E8;

  color: #00a5e8;

  -webkit-transition: all 0.5s;

     -moz-transition: all 0.5s;

       -o-transition: all 0.5s;

          transition: all 0.5s;

}

.page-links a:hover span {

  background-color: #00a5e8;

  border: 1px solid #00a5e8;

  color: #fff;

}

.pagination .fa-chevron-left,

.pagination .fa-chevron-right {

  font-size: 12px;

}

.pagination li a {

  color: #00a5e8;

}

.pagination li:hover a {

  color: #00a5e8;

}

.pagination>.active>a,

.pagination>.active>span,

.pagination>.active>a:hover,

.pagination>.active>span:hover,

.pagination>.active>a:focus,

.pagination>.active>span:focus {

  color: #FFF;

  background-color: #00a5e8;

  border-color: #00a5e8;

}

.pagination>li>a,

.pagination>li>span {

  padding: 9px 14px;

  border-color: #dadada;

}

.bottom-pagination {

  text-align: center;

}



/* =Asides

----------------------------------------------- */



.blog .format-aside .entry-title,

.archive .format-aside .entry-title {

  display: none;

}



/* =Media

----------------------------------------------- */

.wp-video {

	width: 840px;

    margin: 0 auto;

}

.page-content img.wp-smiley,

.entry-content img.wp-smiley,

.comment-content img.wp-smiley {

  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;

}

.single-featured-container {

	position: relative;

	height: 560px;

	overflow: hidden;

	padding: 40px;

}

.single-featured-container img {

	position: absolute;

	top:50%;

	bottom: 50%;

	left: 0;

	 filter: brightness(80%);



	z-index: -1;

}

.single-featured {

  -webkit-transition: opacity 0.3s linear;

     -moz-transition: opacity 0.3s linear;

       -o-transition: opacity 0.3s linear;

          transition: opacity 0.3s linear;

  display: block;

  margin: auto;

	width: 100%;

}

.single-featured:hover {

  /*opacity: 0.8;*/

}

.wp-caption {

  border: 1px solid #ccc;

  margin-bottom: 1.5em;

  max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

  display: block;

}

.wp-caption-text {

  text-align: center;

}

.wp-caption .wp-caption-text {

  margin: 0.8075em 0;

}



body.blog .main-content-area {

	/*margin-top: 40px;*/

}



img.rounded {

	border-radius: 200px;

}

i.rounded,

i.rounded-x {

    background: #00a5e8;

	color:#fff;

	border-radius: 50% !important;

}

i.rounded {

	padding: 0px 11px 2px 11px;

	font-size: 22px;

}

i.rounded-x {

	padding: 1px 7px 1px 6px;

	font-size: 12px;

	font-weight: bold;

}

.bg-light p {

	margin: 0;

}

.bg-light h5, .bg-light h6 { font-weight: normal }

/* Make sure embeds and iframes fit their containers */

embed,

iframe,

object {

  max-width: 100%;

}



/* =Widgets

----------------------------------------------- */

#lgray-widget {

	background-color: #d8d8d8;

}

#lgray-widget h1 {

	text-align: center;

}

	

#lgray-widget .widget ul li,

#carousel .widget ul li {

	float:left;

	font-size: 20px;

	line-height: 1.3;

    list-style: none;

    border-bottom: none;

    margin: 0 0 20px 0;

	width: 33.33333333%;

}

#lgray-widget .widget ul li {

	background-image: url(img/check.png);

	background-position: 0% 7px;

	background-repeat: no-repeat;

	padding-left: 50px;

	padding-right: 25px;

}

#lgray-widget img {

	width: 100%;

}

#lgray-widget,

#carousel {

	padding: 40px 0px;

}

#carousel {

	background-color: #edf0f2;

	text-align: center;

}

#carousel h1, #carousel strong,

#carousel .wpcs_product_carousel_slider .title {

	text-align: center;

	text-transform: uppercase;

	font-weight: bold;

	border-bottom: none !important;

	margin-bottom: 20px;

	line-height: 1.3em !important;

}

#carousel h1.normal {

	text-transform:none;

	line-height: 1.5em !important;

}

#carousel .widget ul li {

	margin-top: 20px;

	padding: 0 20px;

}

#carousel strong {

	display: block;

	margin: 20px 0px;

	color:#4a4a4a;

}

#lgray-widget .textwidget [class*="col-"],

#carousel .textwidget [class*="col-"] {

	margin-bottom: 20px;

}

.wpcs_product_carousel_slider .another_carousel_header i {

    top: 50% !important;

    -moz-border-radius: 20px !important;

    -webkit-border-radius: 20px !important;

    border-radius: 20px !important;

	font-size: 24px !important;

	border: 2px solid #fff !important;

	line-height: 29px !important;

}

.wpcs_product_carousel_slider .item {

	background-color: #fff;

    padding: 0px !important;

	padding-bottom: 15px !important;

	margin: 8px;

	border: 1px solid #c2c0c0;

}

.wpcs_product_carousel_slider .owl-item .item .cart .add_to_cart_button, .wpcs_product_carousel_slider .owl-item .item .cart a.added_to_cart.wc-forward,

.wpcs_product_carousel_slider .owl-item .item .price {

    font-weight: bold !important;

}

.wpcs_product_carousel_slider .owl-item .item h4.product_name a:hover {

    color: #00a5e8 !important;

}



.wpcs_product_carousel_slider .caption {

    padding: 0 10px !important;

}

.wpcs_product_carousel_slider .owl-item .item h4.product_name {

	text-transform: uppercase !important;

}









/* Make sure select elements fit in widgets */

.widget select {

  max-width: 100%;

}

/* Search widget */

.widget_search .search-submit {

  display: none;

}

.widget ul li {

  list-style: none;

  border-bottom: 1px solid #F2F2F2;

  margin-bottom: 15px;

  padding-bottom: 15px;

}

.widget ul {

  padding: 0;

  line-height: 18px;

  font-size: 16px;

}

.widget ul.nav.nav-tabs {

  padding: 0;

}

#secondary .widget {

  margin-bottom: 50px;

  color: #C1C0C0;

  overflow: hidden;

}

#secondary .widget:last-child {

  margin-bottom: 0px;

}

.tab-content ul li {

  list-style: none;

}

#secondary .widget_archive ul li:before,

#secondary .widget_categories ul li:before,

#secondary .widget_recent_comments ul li:before {

  font-family: fontawesome;

  margin-right: 10px;

}

#secondary .widget_archive ul li:before {

  content: '\f073';

}

#secondary .widget_categories ul li:before {

  content: '\f115';

}

#secondary .widget_recent_comments ul li:before {

  content: '\f0e5';

}

.well {

  background-color: #fff;

  padding: 30px;

  border: 1px solid #DADADA;

  overflow: hidden;

  clear: both;

}

#secondary .widget > h3 {

  font-size: 14px;

  text-transform: uppercase;

  margin-bottom: 25px;

  margin-top: 0;

  color: #636467;

}

#secondary .widget a {

  color: #C1C0C0;

}

.widget ul ul {

  padding: 10px;

}

.widget #social ul li {

    border-bottom: 0;

}

.not-found-widget {

  margin-top: 30px;

}

@media (max-width: 767px) {

    #secondary {

        clear: both;

    }

	#lgray-widget, #carousel {

		padding-bottom: 30px;

	}

}



/* Custom Category Widget */

.cats-widget ul li span {

  float: right;

}

/* Recent Post widgets */

.popular-posts-wrapper .post {

  float: left;

  clear: both;

  margin-bottom: 20px;

}

.popular-posts-wrapper .post .post-image {

  width: 60px;

  height: 60px;

  float: left;

  display: block;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  

  background-color: #DADADA;

  background-position: center center;

  background-repeat: no-repeat;

  overflow: hidden;

}

.popular-posts-wrapper .post .post-image img {

  border-radius: 4px;

  opacity: 1;

  -webkit-transition: opacity  0.5s;

     -moz-transition: opacity  0.5s;

       -o-transition: opacity  0.5s;

          transition: opacity  0.5s;

}

.popular-posts-wrapper .post .post-image img:hover {

  opacity: 0.6 !important;

}

.popular-posts-wrapper .post .post-content {

  margin-left: 80px;

}

.widget .post-content > span {

  display: block;

}

#secondary .widget .post-content a {

  color: #DA4453;

}

#secondary .widget .post-content a:hover {

  color: #DADADA;

}

.widget .post-content span {

    font-size: 12px;

}

.tagcloud {

  margin-top: 25px;

}

.tagcloud a {

  padding: 6px 7px;

  margin-right: 0;

  margin-bottom: 4px;

  line-height: 100%;

  display: inline-block;

  color: #FFF !important;

  background-color: #DADADA;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  font-size: 12px !important;

}

.tagcloud a:hover {

  background-color: #DA4453;

  border-color: #DA4453;

}



/* =Buttons

----------------------------------------------- */

.btn-default, .label-default, .woocommerce #respond input#submit,

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt,

.woocommerce button.button.alt, .woocommerce input.button.alt {

  background-color: #00a6e8;

  border-color: #00a6e8;

  -webkit-transition: background-color 0.3s linear;

     -moz-transition: background-color 0.3s linear;

       -o-transition: background-color 0.3s linear;

          transition: background-color 0.3s linear;

}

.btn-default:hover,

.label-default[href]:hover,

.label-default[href]:focus,

.btn-default:hover, .btn-default:focus,

.btn-default:active,

.btn-default.active,

#image-navigation .nav-previous a:hover,

#image-navigation .nav-next a:hover, .woocommerce #respond input#submit:hover,

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,

.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{

  background-color: #363636;

  border-color: #363636;

  color: #FFF;

}

.btn.btn-default, .woocommerce #respond input#submit, .woocommerce a.button,

.woocommerce button.button, .woocommerce input.button {

  color: #FFF;

  text-transform: uppercase;

}

.input-group-btn:last-child>.btn {

  margin-left: 0;

}

button, .button {

  background-color: #00a5e8;

  border: none;

  text-transform: uppercase;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  color: #fff;

  font-size: 12px;

  padding: 5px 12px;

  -webkit-transition: background-color 0.3s linear;

     -moz-transition: background-color 0.3s linear;

       -o-transition: background-color 0.3s linear;

          transition: background-color 0.3s linear;

}

button:hover, .button:hover {

  background-color: #363636;

}

#subscription-toggle {

    float: right;

}

/* =Infinite Scroll

----------------------------------------------- */



/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .pagination, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

  display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {

  display: block;

}

#infinite-handle span {

  display: block;

  text-align: center;

  text-transform: uppercase;

  margin-bottom: 10px;

  border-radius: 4px;

  padding: 20px;

  border: 1px solid #DADADA;

  background: #fff;

  color: #DA4453;

  -webkit-transition: all 0.5s;

     -moz-transition: all 0.5s;

       -o-transition: all 0.5s;

          transition: all 0.5s;

}

#infinite-handle span:hover {

  background-color: #DA4453;

  color: #fff;

}

/* =Custom Styles

----------------------------------------------- */

#logo .site-name {

  margin: 0;

}

.site-branding {

  margin-top: 20px;

  margin-bottom: 20px;

}

.site-description {

  color: #777;

  font-weight: 200;

  font-size: 16px;

}

.page-template-page-homepage-php .carousel {

  margin-top: -20px;

  margin-bottom: 20px;

}

.home .main-content-area {

    margin-top: 0px;

    margin-bottom: 0px;

}

.normal {
	font-weight: normal;
}
.mt-0 { margin-top: 0px; }
.mb-20 { margin-bottom: 20px; }
.p-0 { 
	padding-left: 0px; 
	padding-right: 0px; 
}

@media (max-width: 767px) {

  .pull-right {

    float: none !important;

  }

  .pull-left {

    float: none !important;

  }

  .flex-caption {

    display: none;

  }

}



/* =Navigation

----------------------------------------------- */



.post-navigation a,

.page-numbers,

.pagination .prev,

.pagination .next {

  border: 1px solid #DADADA;

  background-color: #FFF;

  padding: 8px 14px;

  font-size: 12px;

  border-radius: 4px;

  margin: 0 0 1.5em;

  overflow: hidden;

}

.page-numbers.current {

	border: 1px solid #00a5e8;

  background-color: #00a5e8;

	color:#fff;

}

.woocommerce nav.woocommerce-pagination ul {

    border:none;

}

.woocommerce nav.woocommerce-pagination ul li {

    border-right: none;

}

.woocommerce nav.woocommerce-pagination ul li a:focus, 

.woocommerce nav.woocommerce-pagination ul li a:hover, 

.woocommerce nav.woocommerce-pagination ul li span.current {

    border: 1px solid #00a5e8;

  	background-color: #00a5e8;

	color:#fff;

}

.woocommerce nav.woocommerce-pagination ul li a, 

.woocommerce nav.woocommerce-pagination ul li span {

    margin: 0 2px 1.5em;

    text-decoration: none;

    line-height: 1;

    font-size: 1em;

    font-weight: 400;

    padding: 8px 10px;

    min-width: none;

    display: block;

}

.woocommerce-message {

    border-top-color: #00a5e8;

	font-size: 14px;

}

.woocommerce-message::before {

    color: #00a5e8;

}

.woocommerce .quantity .qty {

	padding: 5px 0px;

}

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {

    border-color: #00a5e8;

}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {

    line-height: 1.5;

	padding: 5px 8px;

}

.woocommerce-checkout #payment {

	background:none;

}

.woocommerce-checkout #payment div.form-row {

	padding: 0px;

}

.wc_payment_methods.payment_methods.methods {

    display: none;

}

.checkout_coupon .btn-default {

    color: #fff !important;

    background-color: #00a5e8 !important;

    border-color: #00a5e8 !important;

}

.select2-container--default .select2-selection--single {

    border: 1px solid #d8d8d8;

	height: 38px;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 34px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 26px;

    top: 6px;

    right: 5px;

    width: 20px;

}















.post-navigation a {

  display: block;

}

.nav-links a:hover,

.post-navigation a:hover,

.pagination .prev:hover

.pagination .next:hover {

  color: #FFF;

  background: #00a5e8;

  text-decoration: none;

	border-color: #00a5e8;

}

.pagination {

  text-transform: uppercase;

  display: block;

}

.post-navigation .nav-previous,

.pagination .prev {

  float: left;

	/*margin-top: -4px;*/

}

.post-navigation .nav-next,

.pagination .next {

  float: right;

  text-align: right;

	/*margin-top: -5px;*/

}

.more-link {

  float: right;

  margin: 10px 0;

}

.single .nav-links {

    margin-top: 30px;

}

.nav > li > a {

	text-transform: uppercase;

	padding-left: 10px;

	padding-right: 10px;

}

.navbar.navbar-default {

	z-index: 999;

  background-color: #363636;

  font-family: 'Open Sans', serif;

  margin-bottom: 0;

  font-weight: 500;

	

	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);

    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);

	

}

.navbar-default .navbar-nav > li > a {

	color: #F5F7FA;

	line-height: 30px;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: bold;

}



.navbar-default .navbar-nav > li > a {

  padding-top: 0px;

  padding-bottom: 0px;

}

.navbar-default .navbar-nav > li.btn {

	-webkit-border-radius: 4px; 

  	-moz-border-radius: 4px; 

  	border-radius: 4px; 

	margin: 0 4px 0 4px;

	padding: 0;

	

}

.navbar-default .navbar-nav > li a.wcmenucart-contents {

	font-weight: normal;

	font-size: 14px;

	letter-spacing: -1px;

}

.navbar-default .navbar-nav > li:last-child {

  margin-right:0px;

}

.navbar-default .navbar-nav > .btn {

	border-color: transparent;

}

.navbar-default .navbar-nav > li.btn-primary {

  	background-color: #00a6e8;

}

.navbar-default .navbar-nav > li.btn-primary:hover {

  	background-color: #10739b;

}

.navbar-default .navbar-nav > li.btn-primary > a,

.navbar-default .navbar-nav > li.btn-primary > a:hover,

.navbar-default .navbar-nav > li.btn-primary > a:focus,

.navbar-default .navbar-nav > li.btn-danger > a,

.navbar-default .navbar-nav > li.btn-danger > a:hover,

.navbar-default .navbar-nav > li.btn-danger > a:focus {

  	color:#fff !important;

	line-height: 28px;

}

/*

.navbar-default .navbar-nav > li.btn-primary > a {

  	color:#fff;

	background-color: #00a6e8;

}

.navbar-default .navbar-nav > li.btn-primary > a:hover {

  	color:#fff;	

	background-color:#10739b;

}

*/

.navbar > .container .navbar-brand {

  color: #DADADA;

  font-size: 20px;

  margin: 13px 0;

  font-family: 'Roboto Slab', serif;

}

.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {

  border-right: none;

  border-left: none;

}

.navbar {

  border-radius: 0;

}

.navbar-default {

  border: none;

}

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus,

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus,

.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus,

.navbar-default .navbar-nav .current_page_parent a{

  color: #00a5e8;

  background-color: transparent;

}
.navbar-default .navbar-nav .current_page_parent a {
    color: #333;
}

.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus,

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

  color: #fff;

  background-color: #00a6e8;

}

@media (max-width: 767px) {

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {

    color: #fff;

    background-color: #DA4453;

  }

}

.dropdown-menu {

  font-size: 13px;

}

.navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle {

  color: #00a6e8;

  background-color: transparent;

}

.navbar-default .navbar-nav .open .dropdown-menu > li.active > a {

  color: #fff;

}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {

  color: #333;

}

@media (min-width: 768px) {

  ul.nav li.dropdown:hover > ul.dropdown-menu {

    display: block;

  }

}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

  border-left: 1px solid rgba(0, 0, 0, 0.1);

}

.dropdown-menu > li > a {

  padding: 10px 15px;

  color: #636467;

}

.dropdown-menu,

.dropdown-menu > .active > a,

.dropdown-menu > .active > a:hover,

.dropdown-menu > .active > a:focus {

  border: none;

}

/*
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  background-color: #00a6e8;
  color: #fff;
}
*/

.dropdown-menu > .active > a {
    color: #fff !important;
    background-color: #00a6e8 !important;
}

.dropdown-menu .divider {

  background-color: rgba(0, 0, 0, 0.1);

}

.navbar-nav > li > .dropdown-menu {

  padding: 0;

}

.navbar-nav > li > a {

  padding-top: 18px;

  padding-bottom: 18px;

}

.navbar-default .navbar-toggle {

  	background-color: #00a5e8;

	border-color: #00a5e8;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

}



.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

  background-color: #10739b;

	border-color: #10739b;

}

.nav.navbar-nav {

  float: right;

	margin: 20px 0;

}

@media (max-width: 767px) {

  .nav.navbar-nav {

    float: none;

  }

  .navbar > .container .navbar-brand {

    margin: 0;

  }

  .navbar-default .navbar-nav > li > a {

    line-height: 20px;

    padding-top: 10px;

    padding-bottom: 10px;

  }

}

.navigation .wp-pagenavi-pagination a{

  border-radius: 0;

  margin-bottom: 0;

}

.navigation .wp-pagenavi-pagination span{

  font-size: 12px;

}

.navigation .wp-pagenavi-pagination span.current,

.navigation .wp-pagenavi-pagination a:hover {

  background-color: #DA4453;

  border-color: #DA4453;

  color: #FFF;

  text-decoration: none;

}

.pagination>li>a,

.pagination>li>span,

.pagination>li>a:focus,

.pagination>li>a:hover,

.pagination>li>span:focus,

.pagination>li>span:hover {

  color: #DA4453;

}

.nav-links {

  text-align: center;

}





/* =Comments

----------------------------------------------- */



.comment-content a {

  word-wrap: break-word;

}

.bypostauthor {

}

#respond {

  background-color: transparent !important;

  box-shadow: none !important;

  padding: 0px !important;

}

#respond > p, #respond p.comment-notes, p.logged-in-as {

  margin-bottom: 10px;

}



p.logged-in-as {

  padding-bottom: 0px;

}

.comment-list {

  margin-bottom: 40px !important;

  margin-left: 0px !important;

  padding-left: 0;

}

.comment-list,

.comment-list .children {

    list-style: none;

}

.comment .comment-body {

  background-color: #ffffff;

  margin: 0;

  overflow: hidden;

  padding: 25px;

  margin-top: 2em;

  padding-left: 100px;

  position: relative;

  border: 1px solid #E8E8E8;

  border-bottom: 1px solid #DADADA;

  border-radius: 4px;

}

.comment-list .children {

  margin-left: 0px!important;

  padding-left: 40px;

  border-left: 1px solid #DADADA;

  background-repeat: no-repeat;

  background-position: left 20px;

}

.comment-list li.comment > div img.avatar {

  position: absolute;

  left: 29px;

  top: 29px;

}

#comment-form-title {

  font-size: 24px;

  padding-bottom: 10px;

}

.comment-author.vcard {

  font-size: 12px;

}

.vcard .avatar {

  position: absolute;

  left: 20px;

  top: 29px;

  border-radius: 2px;

}

.comment-metadata {

  font-size: 11px;

  line-height: 16px;

  margin-bottom: 10px;

}

.comment-reply-link {

  float: right;

}

.form-allowed-tags code {

  word-wrap: break-word;

  white-space: inherit;

}

.comment-respond label {

  display: block;

  font-weight: normal;

}

.comment-respond .required {

  color: #C7254E;

}

#submit {

  font-size: 12px;

}

.comment-navigation,

.single .nav-links {

  overflow: hidden;

  margin-top: 30px;

}

.comment-reply-title {

  font-size: 14px;

}

.comment-reply-link {

  background: #C1C0C0;

  border: #C1C0C0;

  font-size: 10px;

  text-transform: uppercase;

}

@media(max-width:767px){

  .post-inner-content {

    padding: 20px 10px;

  }

  .comment-list .children {

    padding-left: 10px;

  }

}

/* =Attachment styling

----------------------------------------------- */

#image-navigation .nav-previous a,

#image-navigation .nav-next a{

  padding: 5px 20px;

  border: 1px solid #E8E8E8;

  border-radius: 4px;

  display: block;

}

#image-navigation .nav-previous a:hover,

#image-navigation .nav-next a:hover{

  background-color: #DA4453;

  color: #fff;

}

#image-navigation .nav-previous,

#image-navigation .nav-next {

  margin: 10px 0;

}

#image-navigation .nav-previous a {

  float: left;

}

#image-navigation .nav-next a {

  float: right;

}





/* =Landing Page

-------------------------------------------------------------- */

#landing-page {

	background-color: #fff;

	padding-top: 30px;

}

#landing-page #honeypot {

  display: none; /*makes the field not visible to humans*/

}

#landing-page #email-invalid,

#landing-page #phone-invalid,

#landing-page #invalid-field {

	background-color: #c9302c ;

	padding: 4px 8px;

	font-size: 14px;

	color: white; 

	font-style: italic;

}

#landing-page div.wpcf7-mail-sent-ok {

    border: 0px;

	color: green;

	font-weight: bold;

	font-size: 18px;

}

#landing-page .section-inner {

	padding-left: 0;

	padding-right: 0;

}

#landing-page #footer-area {

	border-top: none;

}

.landing-page #section-blue h1 {

	text-align:center;

	line-height: 1.3em;

}

.landing-page #lgray-widget h1,

.landing-page #lgray-widget h2 {

	text-align: center;

}

.landing-page #lgray-widget h2 span {

	color:#00a5e8;

}

#landing-page label.other_amount {

	cursor: pointer;

	opacity: 1;

}

#landing-page .field:hover label.other_amount {

	text-decoration: underline;

}

#landing-page .input-txt,

#landing-page select,

#landing-page textarea {

 border:medium none;

 border:1px solid #ddd;

 color:#616366;

 padding:.5em 1em;

 border-radius:3px;

 width:100%;

 background:#fff;

 font-family:'Gibson W01',"Helvetica Neue",Arial,sans-serif;

 transition:all .3s ease-in-out

}

.mailchimp-input-txt {

 border:medium none;

 border:1px solid #ddd;

 color:#616366 !important;

 padding:.5em 1em !important;

 border-radius:3px !important;

 background:#fff !important;

 font-family:'Gibson W01',"Helvetica Neue",Arial,sans-serif !important;

 transition:all .3s ease-in-out

}

#landing-page li.hidden_div input {

	border-bottom-color: #00a5e8;

	border-bottom-width: 3px;

}

#landing-page li.hidden_div label {

	color:#00a5e8;

}

#landing-page .input-txt:focus,

#landing-page select:focus,

#landing-page textarea:focus {

 border:medium none;

 border:1px solid #00a5e8;

 color:#616366;

 padding:.5em 1em;

 border-radius:3px;

 width:100%;

 background:#fff;

 transition:all .3s ease-in-out

}

#landing-page li.hidden_fields {

	margin-top: -15px;

}

#landing-page li.hidden_fields .input-txt,

#landing-page li.hidden_fields .select {

	margin: 5px auto 5px 5%;

	width: 95%;

}

#landing-page li.hidden_fields label {

	margin-bottom: 0px;

	margin-left: 5%;

}



/*

#landing-page input[type="checkbox"] {

    margin: 2px 0 0;

}

*/

#other-amount-field.form-fields,

#other-giving-field {

	display:none;

}



#landing-page .donate-form .form-fields__amount-other .input-txt {

	color:#00a5e8;

	font-size:2em;

	font-weight:bold;

	padding: 0 0 10px 30px;

	background:none;

 	border:none;

	border-bottom:1px solid #00a5e8;

	box-shadow:none;

	border-radius:0;

}



.donation-additional-details .form-fields .field.make-donation {

	text-align: center;

}



#landing-page input[type="submit"].btn-danger {

	padding: 1em 1.7em;

	font-size: 1.2em;

    color: #fff !important;

    background-color: #d9534f !important;

    border-color: #d43f3a !important;

	margin-top: 30px !important;

    margin-bottom: 40px !important;

}

#landing-page input[type="submit"].btn-danger:hover {

    background-color: #c9302c !important;

	border-color: #c9302c !important;

}

#landing-page .donation-payment-method-note {

	margin-top: 20px;

}

#supporting-reason .form-fields .field {

   	float:left;

	width: 100%;

	margin: 0 0 1em;

}

#supporting-reason .form-fields .field-choice {

	margin: 0 0 10px;

}

.donate-form #supporting-reason.form-section:after {

    width: 0;

    margin: 0;

    height: 0px;

    background: none;

}



/* =Gallery

-------------------------------------------------------------- */

.gallery {

  margin-bottom: 20px;

}

.gallery-item {

  float: left;

  margin: 0 4px 4px 0;

  overflow: hidden;

  position: relative;

}

.gallery-columns-1 .gallery-item {

  max-width: 100%;

}

.gallery-columns-2 .gallery-item {

  max-width: 48%;

  max-width: -webkit-calc(50% - 4px);

  max-width:         calc(50% - 4px);

}

.gallery-columns-3 .gallery-item {

  max-width: 32%;

  max-width: -webkit-calc(33.3% - 4px);

  max-width:         calc(33.3% - 4px);

}

.gallery-columns-4 .gallery-item {

  max-width: 23%;

  max-width: -webkit-calc(25% - 4px);

  max-width:         calc(25% - 4px);

}

.gallery-columns-5 .gallery-item {

  max-width: 19%;

  max-width: -webkit-calc(20% - 4px);

  max-width:         calc(20% - 4px);

}

.gallery-columns-6 .gallery-item {

  max-width: 15%;

  max-width: -webkit-calc(16.7% - 4px);

  max-width:         calc(16.7% - 4px);

}

.gallery-columns-7 .gallery-item {

  max-width: 13%;

  max-width: -webkit-calc(14.28% - 4px);

  max-width:         calc(14.28% - 4px);

}

.gallery-columns-8 .gallery-item {

  max-width: 11%;

  max-width: -webkit-calc(12.5% - 4px);

  max-width:         calc(12.5% - 4px);

}

.gallery-columns-9 .gallery-item {

  max-width: 9%;

  max-width: -webkit-calc(11.1% - 4px);

  max-width:         calc(11.1% - 4px);

}

.gallery-columns-1 .gallery-item:nth-of-type(1n),

.gallery-columns-2 .gallery-item:nth-of-type(2n),

.gallery-columns-3 .gallery-item:nth-of-type(3n),

.gallery-columns-4 .gallery-item:nth-of-type(4n),

.gallery-columns-5 .gallery-item:nth-of-type(5n),

.gallery-columns-6 .gallery-item:nth-of-type(6n),

.gallery-columns-7 .gallery-item:nth-of-type(7n),

.gallery-columns-8 .gallery-item:nth-of-type(8n),

.gallery-columns-9 .gallery-item:nth-of-type(9n) {

  margin-right: 0;

}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),

.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),

.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),

.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {

  clear: left;

}

.gallery-caption {

  background-color: rgba(0, 0, 0, 0.7);

  -webkit-box-sizing: border-box;

  -moz-box-sizing:    border-box;

  box-sizing:         border-box;

  color: #fff;

  font-size: 12px;

  line-height: 1.5;

  margin: 0;

  max-height: 50%;

  opacity: 0;

  padding: 6px 8px;

  position: absolute;

  bottom: 0;

  left: 0;

  text-align: left;

  width: 100%;

}

.gallery-caption:before {

  content: "";

  height: 100%;

  min-height: 49px;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}

.gallery-item:hover .gallery-caption {

  opacity: 1;

}

.gallery-columns-7 .gallery-caption,

.gallery-columns-8 .gallery-caption,

.gallery-columns-9 .gallery-caption {

  display: none;

}



/* =Footer

----------------------------------------------- */



#footer-area {

  background-color: #313233;

  color: #999;

	border-top: 1px solid #d8d8d8;

}

#footer-area a {

  color: #DADADA;

}

#footer-area .footer-widget-area {

  padding: 40px 0 20px 0;

  overflow: hidden;

}

#footer-area ul li {

  	border-bottom: 1px solid #f1f1f1;

	margin-bottom: 5px;

    padding-bottom: 10px;

}

#footer-area .footer-widget:last-child ul li {

  border-bottom: none;

}

#footer-area .site-info nav ul li {

  border-bottom: none;

}



#footer-area .footer-widget h3.widgettitle {

	text-transform: none;

	font-size: 18px;

}

#footer-area .footer-widget:first-child img {

	max-width: 50%;

}

.widgettitle {

  font-size: 14px;

  text-transform: uppercase;

  margin-bottom: 25px;

  margin-top: 0;

  color: inherit;

}

#footer-area .widget ul li {

  list-style: none;

}

.footer-nav.nav > li {

  position: relative;

  display: inline-block;

}

.footer-nav.nav {

  float: left;

  margin-bottom: 2px;

}

.footer-widget {

  overflow: hidden;

}

.copyright,

.company-based {

  margin-top: 10px;

	margin-bottom: 10px;

  

}

.copyright {

	text-align: left;

}

.company-based {

  	text-align: right;

}

#colophon {

  background-color: #1F1F1F;

  padding: 10px 0;

  border-top: 1px solid #d8d8d8;

}

.site-info a{

  color: #777;

}

.site-info a:hover {

  color: #999;

}

#footer-area a:hover {

  color: #00a6e8;

}

.landing-page .site-info a {

  	color: #10739b !important;

	text-decoration: underline;

}

.landing-page .site-info a:hover {

	color: #00a6e8 !important;

}

.site-info {

  color: #999;

  font-size: 12px;

}

.footer-nav.nav > li > a:hover {

  background-color: transparent;

}

.scroll-to-top {

  background: #363636;

  background: rgba(100, 100, 100, 0.4);

  color: #FFF;

  bottom: 4%;

  cursor: pointer;

  display: none;

  position: fixed;

  right: 20px;

  z-index: 999;

  font-size: 16px;

  text-align: center;

  line-height: 40px;

  width: 40px;

  border-radius: 4px;

  -webkit-transition: background-color 0.3s linear;

     -moz-transition: background-color 0.3s linear;

       -o-transition: background-color 0.3s linear;

          transition: background-color 0.3s linear;

}

.scroll-to-top:hover {

  background: #00a6e8;

  opacity: .8;

}





/* =Social icons

----------------------------------------------- */

#secondary .widget .social-icons a {

  color: #fff;

}

.social-icons, #menu-social {

  position: relative;

  text-align: center;

}

#secondary .widget .social-icons {

  text-align: left;

}

.social-icons a{

  font-size: 18px;

  line-height: 40px;

  list-style: none;

  display: inline-block;

  text-align: center;

  height: 40px;

  width: 40px;

  margin-right: 5px;

  margin-bottom: 5px;

  border-radius: 3px;

  background-color: #DADADA;

  -webkit-transition: background-color  0.5s;

     -moz-transition: background-color  0.5s;

       -o-transition: background-color  0.5s;

          transition: background-color  0.5s;

}

#menu-social li{

    border: none;

    display: inline-block;

    margin: 0;

}

.social-icons li a{

  font-size: 18px;

  line-height: 40px;

  list-style: none;

  display: inline-block;

  text-align: center;

  height: 40px;

  width: 40px;

  margin-right: 5px;

  margin-bottom: 5px;

  border-radius: 3px;

  background-color: #DADADA;

  -webkit-transition: background-color  0.5s;

     -moz-transition: background-color  0.5s;

       -o-transition: background-color  0.5s;

          transition: background-color  0.5s;

}

#footer-area .social-icons a{

  margin-right: 7px;

  background-color: #363636;

  color: #fff;

}

#footer-area .social-icons li a {

  background-color: #363636;

  color: #fff;

  margin-right: 7px;

}

#menu-social li a span{ display: none; }



#menu-social li a[href*="facebook.com"]:hover {

  background-color: #4265b9 !important;

}

#menu-social li a[href*="twitter.com"]:hover {

  background-color: #55ACEE !important;

}

#menu-social li a[href*="dribbble.com"]:hover {

  background-color: #ea4c89 !important;

}

#menu-social li a[href*="flickr.com"]:hover {

  background-color: #ff0084 !important;

}

#menu-social li a[href*="plus.google.com"]:hover {

  background-color: #d62408 !important;

}

#menu-social li a[href*="skype.com"]:hover {

  background-color: #0bbff2 !important;

}

#menu-social li a[href*="pinterest.com"]:hover {

  background-color: #c31e26 !important;

}

#menu-social li a[href*="linkedin.com"]:hover {

  background-color: #005987 !important;

}

#menu-social li a[href*="vimeo.com"]:hover {

  background-color: #1bb6ec !important;

}

#menu-social li a[href*="tumblr.com"]:hover {

  background-color: #35506b !important;

}

#menu-social li a[href*="youtube.com"]:hover {

  background-color: #df3333 !important;

}

#menu-social li a[href*="instagram.com"]:hover {

  background-color: #F95B60 !important;

}

#menu-social li a[href*="/feed"]:hover {

  background-color: #f39c12 !important;

}

#menu-social li a[href*="foursquare.com"]:hover {

  background-color: #2398C9 !important;

}

#menu-social li a[href*="soundcloud.com"]:hover {

  background-color: #F50 !important;

}

#menu-social li a[href*="github.com"]:hover {

  background-color: #4183C4 !important;

}

#menu-social li a[href*="xing.com"]:hover {

  background-color: #006567 !important;

}

#menu-social li a[href*="spotify.com"]:hover {

  background-color: #81b71a !important;

}

#menu-social li a[href*="mailto"]:hover {

  background-color: #DA4453 !important;

}

#menu-social li, #menu-social ul {

  border: 0!important;

  list-style: none;

  padding-left: 0;

}



#menu-social li a[href*="twitter.com"] .fa:before{content:"\f099"}

#menu-social li a[href*="xing.com"] .fa:before{content:"\f168"}

#menu-social li a[href*="facebook.com"] .fa:before{content:"\f09a"}

#menu-social li a[href*="github.com"] .fa:before{content:"\f09b"}

#menu-social li a[href*="/feed"] .fa:before{content:"\f09e"}

#menu-social li a[href*="dribbble.com"] .fa:before{content: "\f17d"}

#menu-social li a[href*="skype.com"] .fa:before{content: "\f17e"}

#menu-social li a[href*="foursquare.com"] .fa:before{content: "\f180"}

#menu-social li a[href*="spotify.com"] .fa:before{content: "\f1bc"}

#menu-social li a[href*="soundcloud.com"] .fa:before{content: "\f1be"}

#menu-social li a[href*="vimeo.com"] .fa:before{content: "\f194"}

#menu-social li a[href*="youtube.com"] .fa:before{content: "\f167"}

#menu-social li a[href*="instagram.com"] .fa:before{content: "\f16d"}

#menu-social li a[href*="flickr.com"] .fa:before{content: "\f16e"}

#menu-social li a[href*="tumblr.com"] .fa:before{content: "\f173"}

#menu-social li a[href*="pinterest.com"] .fa:before{content: "\f0d2"}

#menu-social li a[href*="plus.google.com"] .fa:before{content: "\f0d5"}

#menu-social li a[href*="linkedin.com"] .fa:before{content: "\f0e1"}

#menu-social li a[href*="mailto"] .fa:before{content: "\f003"}



@media (max-width: 992px) {

  .site-branding {

    text-align: center;

  }

  .side-pull-left .main-content-inner, .side-pull-right .main-content-inner{

    float: none;

  }

}



/* =Call For Action

----------------------------------------------- */

#call-to-action-white {

	background-color: #fff;

	text-align: center;

}



#call-to-action-gray {

	background-color: #edf0f2;

	text-align: center;

}

	#call-to-action-gray.charity {

		background-color: #fff;

	}

	#call-to-action-gray.charity .widget ul {

		line-height: 1.4;

	}

	#call-to-action-gray.charity .widget ul li {

		border-bottom: none !important;

	}
	#call-to-action-gray .mailchimp-input-txt {
		border: 1px solid #00a5e8;
		border-right: none;
		padding: 10px 16px 13px 16px !important;
		border-radius: 0px !important;
		border-top-left-radius: 6px !important;
		border-bottom-left-radius: 6px !important;
		line-height: normal !important;
		font-family: inherit !important;
		box-shadow: none !important;
	}
	#call-to-action-gray .mc4wp-form-fields .btn {
		padding: 10px 16px;
		line-height: normal;
		border-radius: 0px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		margin-top: -2px;
	}

#call-to-action-white h1,

#call-to-action-gray h1 {

	text-align:center;

	margin-top: 0;

	margin-bottom: 40px;

	line-height: 1.3em;

}

#call-to-action-white h1 a,

#call-to-action-gray h1 a{

	text-decoration: underline;

}

#call-to-action-white .bg-light,

#call-to-action-gray .bg-light{

	min-height: 185px;

}

#call-to-action-gray .bg-light{

	max-height: 190px;

	overflow: hidden;

}

#section-blue {

	background-color: #00a5e8;

	padding: 40px 0;

}

#page-sliders {

	background-color: #edf0f2;

}

#page-sliders .textwidget p {

	display: none;

}

#call-to-action-gray .suppliers br {

	display: none;

}

#call-to-action-white,

#call-to-action-gray{

	padding: 40px 0px;

}

#section-blue h1 {

	text-transform: uppercase;

	color:#fff;

}

#section-blue h1.normal {

	text-transform: none;

	color:#666;

	font-style: italic;

	line-height: 1em;

}	

#section-blue.testi p {

	color:#fff;

	text-align:center;

	/*font-style: italic;*/

	font-size: 18px;

}

#section-blue.testi h1 {

	text-align: center;

	margin-bottom: 30px;

}

#section-blue h2 {

	color:#fff;

}

#section-blue h3 {

	font-weight: normal;

	color:#fff;

	margin-top: 0px;

	line-height: 1.3em;

}



#in-the-media {

	margin-bottom: 20px;

}

#in-the-media .textwidget {

	padding: 0 !important;

}

#in-the-media img {

	width: 100%;

}

#in-the-media h1 {

	text-align: center;

}

#in-the-media figure.thumbnail {

    margin: 0 auto !important;

}



#lightSlider .textwidget {

	padding: 0 50px;

}

.cfa {

  padding: 30px 0px;

  background: #FFF;

  border-bottom: 1px solid #DADADA;

  text-align: center;

}

.cfa-text{

  font-size: 22px;

  color: #DA4453;

  display: block;

  padding-top: 10px;

}

.cfa-button {

  background-color: transparent;

  color: #DA4453;

  padding: 15px 30px;

  border-color: #DA4453;

}

.cfa-button a {

  color: #DA4453;

}

.cfa-button:hover {

  background-color: #DA4453;

  color: #fff;

}

@media (max-width: 767px) {

  .cfa {

    padding: 0 0 20px;

  }

  .cfa-button {

    padding: 10px 16px;

    margin-top: 10px;

  }

	#section-blue {

		padding: 10px 0 20px 0;

		text-align: center;

	}

	#section-blue .btn {

		margin-top: 10px;

	}

	#call-to-action-white,

	#call-to-action-gray{

		padding: 20px 0;

	}

}



/* =Header/Logo

----------------------------------------------- */

#logo {

	margin: 10px 0;

}



/* =Custom Bootstrap

----------------------------------------------- */
.row-eq-height {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.bg-light {

    padding: 10px 15px;

    margin-bottom: 10px;

    background: #fff;

    border: solid 1px #e5e5e5;

}
.dirtywhite .bg-light {
	/*min-height: 248px;*/
}
.bg-light:hover {
    border: solid 1px #bbb;
}
.bg-light em {
	font-style: normal;
    font-size: 11px;
}


.col-centered {

    float: none;

    margin: 0 auto;

}

.btn {

	font-weight: bold;

}

.btn-default {

  color: #00a5e8 !important;

  background-color: #fff !important;

  border-color: #fff !important;

}

.btn-default:focus,

.btn-default.focus,

.btn-default:hover{

  color: #fff !important;

  background-color: #293847 !important;

}



.btn-secondary {

  color: #fff;

  background-color: #d43f3a;

  border-color: #d43f3a;

}

.btn-secondary:focus,

.btn-secondary.focus {

  color: #fff;

  background-color: #c9302c;

  border-color: #c9302c;

}

.btn-secondary:hover {

  color: #fff;

  background-color: #c9302c;

  border-color: #c9302c;

}



.btn-azure {

  color: #fff !important;

  background-color: #00a5e8 !important;

  border-color: #00a5e8 !important;

}

.btn-azure:focus,

.btn-azure.focus,

.btn-azure:hover{

  color: #fff !important;

  background-color: #293847 !important;

	border-color: #293847 !important;

}



.btn-readmore {

  color: #fff;

  background-color: #00a5e8;

  border-color: #00a5e8;

}

.btn-readmore:hover {

  color: #fff;

  background-color: #10739b;

  border-color: #10739b;

}



.btn-lg {

	padding-left: 25px;

	padding-right: 25px;

}





/* =Accordion

----------------------------------------------- */

.ui-state-active, 

.ui-widget-content .ui-state-active, 

.ui-widget-header .ui-state-active, 

a.ui-button:active, 

.ui-button:active, 

.ui-button.ui-state-active:hover {

    border: 1px solid #c5c5c5;

    color: #333 !important;

}





/* =Columns

----------------------------------------------- */

.content-column.one_half,

.content-column.one_third {

	padding-right: 10px;

}

.content-column.last_column {

	padding-left: 10px;

	padding-right: 0px;

}



.content-column h1 {

	margin-top: 0px;

}

.content-column img {

	margin-top: 5px;

}


.col-5 {
	float:left;
	padding: .5em;
	width: calc(20% - 1em);
    margin: .5em;
	min-height: 130px;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	 display: flex;
    /*Uncomment below to center horizontally*/
    /*justify-content: center;*/
    align-items: center;
}
.col-5:hover { border: 1px solid #00a5e8; }
.col-5 img { 
	width: 100%;
	height: auto;
}
.col-5 .wp-caption {
    border: none;
    margin-bottom: 0;
	height: auto;
}
.col-5 .thumbnail {
    padding: 0px;
}
.col-5 figcaption { display: none }


@media (max-width: 1199px) {
	.col-5 {
		width: calc(20% - .4em);
		margin: .2em;
		min-height: 110px;
	}
}
@media (max-width: 991px) {
	.col-5 {
		min-height: 90px;
	}
}
@media (max-width: 767px) {
	.col-5 {
		width: calc(33.33333333333333% - 1em);
    	margin: .5em;
		min-height: 140px;
	}
}
@media (max-width: 575px) {
	.col-5 {
		width: calc(50% - 1em);
		min-height: 160px;
	}
}
@media (max-width: 375px) {
	.col-5 {
		width: 100%;
		min-height: none;
		margin: .5em auto;
	}
}


/* =Frontpage / Homepage

----------------------------------------------- */
#fp-widget .row {
	padding: 40px 0;
}
#fp-widget .row img {
	width: 100%;
}
#fp-widget .textwidget,
#fp-widget .widgettitle,
#fp-widget .heading {
	color:#4A4A4A;
}
#fp-widget .widgettitle {
	font-size: 32px;
	text-transform: none;
}
#fp-widget .heading {
	font-size: 26px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#fp-widget p {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5em;
}
.border-bottom .row {
	border-bottom: 1px solid #00a5e8;
	padding-bottom: 40px;
}

#fp-widget .content-column.one_half {
    padding-right: 15px;
}
#fp-widget .content-column.last_column {
    padding-left: 15px;
	padding-right: 0px;
}

.landing-page .content-column.last_column img {
    width: 100%;
}

.mt-60 {
	margin-top: 60px;
}

.blue {
    background-color: #00a5e8;
	color:#fff;
}
.blue p, .blue .widgettitle, .blue .heading {
	color:#fff !important;
}
.titleblue, .titleblue .widgettitle {
	color:#00a5e8 !important;
}
.lgray {
	background-color: #f2f2f2;
}

.aligncenter, .titlecenter .widgettitle {
	text-align: center;
}


.frontpage .h3 { 
	font-weight: normal; 
	line-height: 1.3em;
}
body.home .h2 {
	font-size: 34px;
	text-align: center;
	margin-bottom: 40px;
}
.div {
	width: 100%;
	padding: 30px;
	margin: 40px auto;
}

.div h1 {
	/*margin-bottom: 0px;*/
}

.div .btn {
	margin-top: 20px;
}

.text-center {
	text-align: center;
}
.lgray h1, .lgray h4, .lgray p {
	/*text-align: center;*/
}

.with-bg {

	background: #382a21 url(img/family-bg.png);

	background-repeat: no-repeat;

	background-position: center right;

}

.with-bg h1, .with-bg p {

	color:#fff;

	width: 50%;

	text-shadow: 0 0 2px #000;

}

.btn-expand, .btn-expand:focus {

	padding: 0;

	color:#00a6e8;

	outline: none;

	box-shadow: none;

}

.btn-expand .fa {

	font-size: 18px;

}

.learnmore { 

	background-color: #f2f2f2;

	text-align: center;

	padding: 30px 0;

	margin-bottom: 30px;

}

.learnmore h2 { 

	color:#00a6e8;

	margin-top: 0px;

}

.learnmore .content-column { 

	padding: 15px 40px;

}

.learnmore .content-column img {

	max-width: 260px;

	margin: 20px auto;

}

.frontpage .clear_column {

    height: 20px;

}





/* =Gifts / Shop Page

----------------------------------------------- */

.woocommerce-page h1.page-title {

	display: none;

}

.gift-voucher {

	float:left;

	width: 100%;

	margin-top: 20px;

}

.gift-voucher img {

	max-width: 300px;

	/*height: 300px;*/

}

/*

.woocommerce-page .gift-voucher h1 {

	margin-top: 0px;

	font-size: 34px;

	line-height: 1.2em;

}

*/



.row.num > [class*='col-'] > h1 {

	text-align: center;

	font-size: 34px;

	color:#00a6e8;

}



.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {

    width: auto;

	min-width: 250px;

	padding: 5px 9px 6px 9px;

	margin: 0 4px 0 0;

	line-height: normal;

	font-size: 16px;

}



.woocommerce table.cart .coupon .btn-default {

	background-color: #00a6e8 !important;

	color:#fff !important;

	font-size: 14px;

	padding: .8em 1em;

}

.woocommerce table.cart .coupon .btn-default:hover {

	background-color: #333 !important;

}

.woocommerce input.button:disabled, 

.woocommerce input.button:disabled[disabled] {

	color: #fff;

}

.woocommerce .cart-collaterals .cart_totals table.shop_table th{

	width: 60%;

}



.cart_totals table.shop_table tr td {

  background-color: white;

}



.woocommerce .cart_totals table.shop_table_responsive tr:nth-child(2n) td, 

.woocommerce-page .cart_totals table.shop_table_responsive tr:nth-child(2n) td {

    background-color: rgba(0,0,0,0);

}



.cart_totals table.shop_table tr:nth-child(3) {

  transform: translateY(-37px);

}

.cart_totals table.shop_table tr:nth-child(2) {

	transform: translateY(37px);

}



table.shop_table tr.cart-discount th span, 

table.shop_table tr.cart-discount td span {

	text-decoration: line-through;

}

table.shop_table tr.cart-discount td a.woocommerce-remove-coupon {

	font-size: 14px;

	font-weight: normal;

}



.cart_totals table.shop_table tr.cart-discount + tr {

	transform: none;

}

.cart_totals table.shop_table tr.cart-discount ~ tr.fee {

	display: none;

}

.cart_totals table.shop_table tr.cart-discount {

  	transform: none;

}



.woocommerce-checkout table.shop_table tr.cart-discount + tr + tr {

	display: none;

}


/* =Homepage Supplier Buttons
----------------------------------------------- */
.dirtywhite .site-content, .dirtywhite .post-inner-content {
	background-color: #edf0f2;
}

.hide-primary #primary {
	display: none;
}
.supplier-button {
	-webkit-transition: all 0.1s !important;
	-moz-transition: all 0.1s !important;
	-o-transition: all 0.1s !important;
	transition: all 0.1s !important;
}
.supplier-button:hover {
	background-color: #0054a5 !important;
}

.rev_slider li.tp-revslider-slidesli {
	border-bottom: none;
}

@media (max-width: 1024px) {
	.supplier-button {
		background-size: 25% !important;
	}
}
@media (max-width: 991px) {
	.supplier-button {
		background-size: 30% !important;
	}
}
	

/* Checkout */

.woocommerce-shipping-fields h3#ship-to-different-address {

	margin-top: 10px;

	margin-bottom: 0px;

}

#recipient_sendto_field legend {
	margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    color: #6B6B6B;
    border-bottom: none;
    font-weight: 700;
}





/* =Elements when no javaScript is present

----------------------------------------------- */

#submit,

.tagcloud,

.comment-reply-link,

.widget_rss ul,

button[type=submit],

.postform,

table#wp-calendar {

  display: none;

}

.no-js #submit,

.no-js .tagcloud,

.no-js .comment-reply-link,

.no-js .widget_rss ul,

button[type=submit],

.no-js .postform,

.no-js table#wp-calendar {

  display: block;

}



/* WooCommerce Support */

.woocommerce .woocommerce-breadcrumb {

    display:none;

}

.woocommerce .woocommerce-result-count {

    font-size: 14px;

}

.woocommerce .woocommerce-ordering select {

    padding: 5px 10px;

	margin-right: 5px;

	border: 1px solid #c2c0c0;

	font-size: 14px;

	-moz-border-radius: 4px !important;

    -webkit-border-radius: 4px !important;

    border-radius: 4px !important;

}



.woocommerce-cart .cart-collaterals .cart_totals table td,

.woocommerce-cart .cart-collaterals .cart_totals table th {

  padding: 6px;

}



.woocommerce div.product .woocommerce-tabs .panel {

  padding: 10px 30px 20px;

}

.woocommerce .main-content-inner {

	/*

  background-color: #fff;

  border: 1px solid #dadada;

	*/

  padding-top: 10px;

}

.cart-contents:before {

    font-family:WooCommerce;

    content: "\e01d";

    font-size:28px;

    margin-top:10px;

    font-style:normal;

    font-weight:400;

    padding-right:5px;

    vertical-align: bottom;

}

.cart-contents:hover {

    text-decoration: none;

}

.cart-contents-count {

    color: #fff;

    background-color: #2ecc71;

    font-weight: bold;

    border-radius: 10px;

    padding: 1px 6px;

    line-height: 1;

    font-family: Arial, Helvetica, sans-serif;

    vertical-align: top;

}



.single-product.woocommerce .main-content-inner {

  padding-top: 40px;

}

.woocommerce ul.products li.product, 

.woocommerce-page ul.products li.product {

    border: 1px solid #c2c0c0;

	text-align: center;

	padding-bottom: 15px;

}

.woocommerce ul.products li.product a img {

    margin-bottom: 0px;

}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 

.woocommerce ul.products li.product .woocommerce-loop-product__title, 

.woocommerce ul.products li.product h3 {

    padding: .5em 10px;

	line-height: 1.3em;

    font-size: 14px;

}

.woocommerce ul.products li.product .price {

    color: #4a4a4a;

    display: block;

    font-weight: bold;

    margin-bottom: 0;

    font-size: 18px;

}

.woocommerce div.product p.price, 

.woocommerce div.product span.price {

    color: #00a5e8;

    font-size: 1.25em;

	font-weight: bold;

}

.woocommerce .quantity .qty {

    border: 1px solid #c2c0c0;

	-moz-border-radius: 4px !important;

    -webkit-border-radius: 4px !important;

    border-radius: 4px !important;

}



.woocommerce div.product form.cart .button {

    background-color: #00a5e8 !important;

	color:#fff !important;

	/*padding: 6px 20px;*/

}

.woocommerce div.product form.cart .button:hover {

    background-color: #10739b !important;

	color:#fff !important;

}



.woocommerce ul.products li.product .button {

    margin-top: 1em;

	font-size:12px;

	padding-left: 20px;

	padding-right: 20px;

}



@media (max-width: 1199px) {

	.single-featured-container {

		height: 500px;

	}

	#logo {

		width: 180px;

	}

	.nav > li > a {

    	padding: 10px 10px;

	}

	.nav.navbar-nav {

		margin: 15px 0 10px 0;

	}

  	.navbar-default .navbar-nav > li > a {

		font-size: 12px;

		padding-left: 7px;

		padding-right: 7px;

	}

	.navbar-default .navbar-nav > li a.wcmenucart-contents {

		font-size: 12px;

		letter-spacing: -1px;

	}

	#call-to-action-white .bg-light,

	#call-to-action-gray .bg-light {

		min-height: 190px;

	}

	.bg-light h5 { font-size: 13px; }

}

@media (max-width: 991px) {

	.gift-voucher img {

		margin-top: 10px;

		max-width: 260px;

	}

	.gift-voucher h1 {

		font-size: 22px;

		line-height: 1.2em;

	}

	

	.learnmore h2 { 

		font-size: 18px;

	}

	.learnmore .content-column img {

		max-width: 200px;

	}

	#logo {

		width: 130px;

	}

	.nav.navbar-nav {

		margin: 10px 0 10px 0;

	}

	.nav > li > a {

		padding: 10px 5px;

	}

	.navbar-default .navbar-nav > li > a {

		font-weight: normal;

		font-size: 10px;

		padding-left: 5px;

		padding-right: 5px;

	}

	.navbar-default .navbar-nav > li.btn {

		margin: 3px 2px 0 2px;

	}

	.navbar-default .navbar-nav > li.btn a,

	.navbar-default .navbar-nav > li.btn > a:hover{

		line-height: 2em;

	}

	.navbar-default .navbar-nav > li a.wcmenucart-contents {

		font-size: 10px;

	}

	.entry-header h1.entry-title {

		font-size: 28px;

	}

	.entry-content h1,

	#section-blue h1,

	#call-to-action-white h1,

	#call-to-action-gray h1,

	#carousel h1,

	h1.page-title,

	h2.entry-title,

	#carousel .wpcs_product_carousel_slider .title {

		font-size: 22px !important;

	}

	

	#carousel img {

		width: 120px;

	}

	#carousel .wpcs_product_carousel_slider .product_image_container .product_thumb_link img {

		width: 100% !important;

	}

	.entry-content p {

		font-size: 14px;

	}

	.entry-content img {

		width: 420px;

	}

	#lgray-widget .widget ul li { font-size: 16px;}

	

	img.rounded {

		width: 200px;

	}

	body.blog .entry-meta {

		margin-bottom: 0px;

	}

	#call-to-action-white .bg-light,

	#call-to-action-gray .bg-light {

		min-height: 188px;

	}

	.single-featured-container {

		height: 395px;

	}

}



@media (max-width: 768px) {

.woocommerce table.shop_table_responsive thead,.woocommerce-page table.shop_table_responsive thead{display:none}.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top:0}.woocommerce table.shop_table_responsive tbody th,.woocommerce-page table.shop_table_responsive tbody th{display:none}.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr{display:block}.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{display:block;text-align:right!important}.woocommerce table.shop_table_responsive tr td.order-actions,.woocommerce-page table.shop_table_responsive tr td.order-actions{text-align:left!important}.woocommerce table.shop_table_responsive tr td::before,.woocommerce-page table.shop_table_responsive tr td::before{content:attr(data-title) ": ";font-weight:700;float:left}.woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce-page table.shop_table_responsive tr td.actions::before,.woocommerce-page table.shop_table_responsive tr td.product-remove::before{display:none}.woocommerce table.shop_table_responsive tr:nth-child(2n) td,.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{background-color:rgba(0,0,0,.025)}.woocommerce table.my_account_orders tr td.order-actions,.woocommerce-page table.my_account_orders tr td.order-actions{text-align:left}.woocommerce table.my_account_orders tr td.order-actions::before,.woocommerce-page table.my_account_orders tr td.order-actions::before{display:none}.woocommerce table.my_account_orders tr td.order-actions .button,.woocommerce-page table.my_account_orders tr td.order-actions .button{float:none;margin:.125em .25em .125em 0}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,.woocommerce-page[class*=columns-] ul.products li.product,.woocommerce[class*=columns-] ul.products li.product{width:48%;float:left;clear:both;margin:0 0 15px;}.woocommerce ul.products li.product:nth-child(2n),.woocommerce-page ul.products li.product:nth-child(2n),.woocommerce-page[class*=columns-] ul.products li.product:nth-child(2n),.woocommerce[class*=columns-] ul.products li.product:nth-child(2n){float:right;clear:none!important}.woocommerce #content div.product div.images,.woocommerce #content div.product div.summary,.woocommerce div.product div.images,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.images,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.images,.woocommerce-page div.product div.summary{float:none;width:100%}.woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail{display:none}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:left}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:none;padding-bottom:.5em}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce #content table.cart td.actions .coupon::before,.woocommerce table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::before,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::before,.woocommerce-page table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::before{content:' ';display:table}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::after{clear:both}.woocommerce #content table.cart td.actions .coupon .button,.woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce #content table.cart td.actions .coupon input,.woocommerce table.cart td.actions .coupon .button,.woocommerce table.cart td.actions .coupon .input-text,.woocommerce table.cart td.actions .coupon input,.woocommerce-page #content table.cart td.actions .coupon .button,.woocommerce-page #content table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon input,.woocommerce-page table.cart td.actions .coupon .button,.woocommerce-page table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon input{width:48%;box-sizing:border-box}.woocommerce #content table.cart td.actions .coupon .button.alt,.woocommerce #content table.cart td.actions .coupon .input-text+.button,.woocommerce table.cart td.actions .coupon .button.alt,.woocommerce table.cart td.actions .coupon .input-text+.button,.woocommerce-page #content table.cart td.actions .coupon .button.alt,.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,.woocommerce-page table.cart td.actions .coupon .button.alt,.woocommerce-page table.cart td.actions .coupon .input-text+.button{float:right}.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button{display:block;width:100%}.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .shipping_calculator{width:100%;float:none;text-align:left}.woocommerce-page.woocommerce-checkout form.login .form-row,.woocommerce.woocommerce-checkout form.login .form-row{width:100%;float:none}.woocommerce #payment .terms,.woocommerce-page #payment .terms{text-align:left;padding:0}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:none;width:100%;box-sizing:border-box;margin-bottom:1em}.woocommerce .lost_reset_password .form-row-first,.woocommerce .lost_reset_password .form-row-last,.woocommerce-page .lost_reset_password .form-row-first,.woocommerce-page .lost_reset_password .form-row-last{width:100%;float:none;margin-right:0}.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:100%}.single-product .twentythirteen .panel{padding-left:20px!important;padding-right:20px!important}

	.woocommerce-cart table.cart td.actions .coupon .input-text,

	.woocommerce-cart table.cart td.actions .coupon .button {

		width: 55% !important;

		margin-bottom: 10px !important;

		min-width: 250px;

	}
}



@media (max-width: 767px) {

	.gift-voucher img {

		margin: 0px auto;

		float:none;

		max-width: 100%;

		width: 340px;

	}

	.gift-voucher {

		float:left;

		text-align: center;

		width: 100%;

		padding-bottom: 10px;

	}

	

	.row.num [class*='col-'] {

		position: relative;

		float: left;

		background-color: #f2f2f2;

		padding-top: 15px;

		padding-bottom: 5px;

		margin-bottom: 5px;

		color:#333;

	}

	.row.num > [class*='col-'] > h1 {

		position: absolute;

		top: 15px;

		left: 15px;

		margin: 0;

	}

	.row.num > [class*='col-'] > p {

		padding-left: 40px;

	}

	

	.learnmore {

		padding: 15px 0;

		margin-bottom: 15px;

	}

	.learnmore .btn {

		margin-left: 15px;

		margin-right: 15px;

		white-space:normal;

		font-size: 14px;

	}

	.learnmore .two_third {

		margin-bottom: 0px;

	}

	.with-bg h1, .with-bg p {

		width: 100%;

	}

	.with-bg {

		background-position: center right;

		background-size: cover;

	}

	#call-to-action-white .bg-light,

	#call-to-action-gray .bg-light{

		min-height: 165px;

	}

  .site-info, .copyright, .company-based {

    text-align: center;

  }

  .footer-nav.nav, .copyright, .company-based {

    float: none;

  }

	.navbar-collapse {

		padding-left: 0px;

		padding-right: 0px;

	}

	.navbar-default .navbar-nav > li {

		border-bottom: 1px solid #e7e7e7;

	}

	.navbar-default .navbar-nav > li:first-child a {

		padding-top: 0px;

	}

	.navbar-default .navbar-nav > li.btn-primary,

	.navbar-default .navbar-nav > li.btn-danger {

		margin-top:10px;

	}

	.navbar-default .navbar-nav > li.btn-primary a,

	.navbar-default .navbar-nav > li.btn-danger a{

		padding: 5px 20px;

	}

	.navbar-default .navbar-nav > li:last-child {

		margin-right: 5px;

	}

	#footer-area .footer-widget:first-child img {

		max-width: 100%;

	}



	#footer-area .footer-widget-area {

		padding: 0;

	}

	#footer-area ul li {

		margin-bottom: 10px;

		padding-bottom: 10px;

	}

	.footer-widget-area .col-sm-3.footer-widget {

		border-bottom: 1px solid #ddd;

		padding: 20px;

	}

	.footer-widget-area .col-sm-3.footer-widget:last-child {

		border-bottom: none;

	}

	.sm-full-width { width: 100% !important; }

	.blog-thumbnail {

		margin-bottom: 20px;

	}

	.entry-header .entry-meta { display: none; }

	.single-featured-container {

		height: auto;

		overflow: hidden;

		padding: 0 10px;

	}

	.single-featured-container img {

		position: relative;

		top:0%;

		bottom: 0%;

	}

	.single-featured-container .entry-header {

		position: absolute;

		top: 0;

		padding: 10px;

	}

	#section-blue.testi p {

		font-size: 14px;

	}

	.woocommerce .woocommerce-ordering select {

		margin-right: 0px;

	}



}

@media (max-width: 600px) {
	#fp-widget .content-column.one_half, 
	#fp-widget .content-column.last_column {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-column.one_half,

	.content-column.last_column {

		padding: 10px;

	}

	.frontpage .one_half {

		margin-bottom: 0px;

	}

	.div {

		padding: 20px;

		margin: 20px auto;

	}

	body.single .post-inner-content .col-md-8 blockquote p {

		padding-left: 20px !important;

		font-size: 20px;

		line-height: 1.5;

	}

}

@media (max-width: 576px) {

	#lgray-widget .widget ul li {

		display: inline-block;

		width: 100%;

		background-size: 35px;

		background-position: 0% 0;

		padding-left: 50px;

		padding-right: 0;

	}
	#fp-widget .widgettitle {
		font-size: 26px;
	}
	#fp-widget .heading {
		font-size: 22px;
		margin-top: 0px;
	}
	#fp-widget .row {
		padding: 20px 0;
	}
	#fp-widget .content-column.last_column {
    	padding-bottom: 0px;
	}
	
	#call-to-action-gray .mailchimp-input-txt {
		border-right: 1px solid #00a5e8;
		padding: 13px 16px !important;
		border-radius: 6px !important;
		display: block;
		float:none;
		margin: 0 auto;
	}
	#call-to-action-gray .mc4wp-form-fields .btn {
		border-radius: 6px;
		margin-top: 10px;
	}
	
	.bg-light {

		padding: 5px 5px 10px 5px !important;

	}

	.entry-header h1.entry-title {

		font-size: 24px;

	}



}

@media (max-width: 492px) {

	#call-to-action-white .bg-light, 

	#call-to-action-gray .bg-light {

		min-height: 190px;

	}

}

/*

@media (max-width: 375px) {

	#call-to-action-white .bg-light,

	#call-to-action-gray .bg-light{

		min-height: 230px;

	}

}

*/

.field-error {

	border-color:red !important;

}