/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 Reset
1.0 Grid
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/
/* light purple nav stylesheet - use this lightpurple scss file & 
also change the typography lineheight,font-size */
/* for lightpurple-nav line-height 1.8 */
/*--------------------------------------------------------------
0.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  overflow-X: hidden;
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background: #fed3a7;
  /* Fallback for when there is no custom background color defined. */ }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

a img {
  border: 0; }

/*--------------------------------------------------------------
1.0 Grid
--------------------------------------------------------------*/
.container {
  position: relative;
  width: 93%;
  margin: 0 auto;
  padding: 0;
  max-width: 1170px; }
  .container .one.column {
    width: 4.1%; }
  .container .two.columns {
    width: 10.4%; }
  .container .three.columns {
    width: 16.6%; }
  .container .four.columns {
    width: 22.9%; }
  .container .five.columns {
    width: 29.16%; }
  .container .six.columns {
    width: 35%; }
  .container .seven.columns {
    width: 41.6%; }
  .container .eight.columns {
    width: 47.9%; }
  .container .nine.columns {
    width: 54.16%; }
  .container .ten.columns {
    width: 60%; }
  .container .eleven.columns {
    width: 66.66%; }
  .container .twelve.columns {
    width: 72.9%; }
  .container .thirteen.columns {
    width: 79.16%; }
  .container .fourteen.columns {
    width: 85%; }
  .container .fifteen.columns {
    width: 91.66%; }
  .container .sixteen.columns {
    width: 97.9%; }
  .container .one-third.column {
    width: 31.25%; }
  .container .tow-thirds.column {
    width: 64.5%; }
  .container .offset-by-one {
    padding-left: 6.25%; }
  .container .offset-by-two {
    padding-left: 12.5%; }
  .container .offset-by-three {
    padding-left: 18.75%; }
  .container .offset-by-four {
    padding-left: 25%; }
  .container .offset-by-five {
    padding-left: 31.25%; }
  .container .offset-by-six {
    padding-left: 37.5%; }
  .container .offset-by-seven {
    padding-left: 43.7%; }
  .container .offset-by-eight {
    padding-left: 50%; }
  .container .offset-by-nine {
    padding-left: 56.25%; }
  .container .offset-by-ten {
    padding-left: 62.5%; }
  .container .offset-by-eleven {
    padding-left: 68.75%; }
  .container .offset-by-twelve {
    padding-left: 75%; }
  .container .offset-by-thirteen {
    padding-left: 81.25%; }
  .container .offset-by-fourteen {
    padding-left: 87.5%; }
  .container .offset-by-fifteen {
    padding-left: 93.75%; }

.column, .columns {
  float: left;
  display: inline;
  margin-left: 1%;
  margin-right: 1%; }
  .column .alpha, .columns .alpha {
    margin-left: 0; }
  .column .omega, .columns .omega {
    margin-right: 0; }

.row {
  margin-bottom: 2%; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 93%; }
    .container .column, .container .columns {
      margin-left: 1.3%;
      margin-right: 1.3%; }
      .container .column .alpha, .container .columns .alpha {
        margin-left: 0;
        margin-right: 1.3%; }
      .container .column .omega, .container .columns .omega {
        margin-left: 1.3%;
        margin-right: 0%; }
    .container .one.column {
      width: 3.64%; }
    .container .two.columns {
      width: 9.89%; }
    .container .three.columns {
      width: 16.1%; }
    .container .four.columns {
      width: 22.39%; }
    .container .five.columns {
      width: 28.64%; }
    .container .six.columns {
      width: 34.89%; }
    .container .seven.columns {
      width: 41.14%; }
    .container .eight.columns {
      width: 47.39%; }
    .container .nine.columns {
      width: 53.64%; }
    .container .ten.columns {
      width: 59.89%; }
    .container .eleven.columns {
      width: 66.14%; }
    .container .twelve.columns {
      width: 72.39%; }
    .container .thirteen.columns {
      width: 78.64%; }
    .container .fourteen.columns {
      width: 84.89%; }
    .container .fifteen.columns {
      width: 91.14%; }
    .container .sixteen.columns {
      width: 97.39%; }
    .container .one-third.column {
      width: 30.72%; }
    .container .two-thirds.column {
      width: 64%; }
    .container .offset-by-one {
      padding-left: 6.25%; }
    .container .offset-by-two {
      padding-left: 12.5%; }
    .container .offset-by-three {
      padding-left: 18.75%; }
    .container .offset-by-four {
      padding-left: 25%; }
    .container .offset-by-five {
      padding-left: 31.25%; }
    .container .offset-by-six {
      padding-left: 37.5%; }
    .container .offset-by-seven {
      padding-left: 43.75%; }
    .container .offset-by-eight {
      padding-left: 45%; }
    .container .offset-by-nine {
      padding-left: 56.25%; }
    .container .offset-by-ten {
      padding-left: 62.5%; }
    .container .offset-by-eleven {
      padding-left: 68.75%; }
    .container .offset-by-twelve {
      padding-left: 75%; }
    .container .offset-by-thirteen {
      padding-left: 81.25%; }
    .container .offset-by-fourteen {
      padding-left: 87.5%; }
    .container .offset-by-fifteen {
      padding-left: 93.75%; } }
@media only screen and (max-width: 767px) {
  .container {
    width: 93%; }
    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
      width: 100%; }
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen {
      padding-left: 0; }

  .columns, .column {
    margin: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 93%; }
    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
      width: 100%; }

  .columns, .column {
    margin: 0; } }
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-section-divider:before,
.panel-row-style-section-divider:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after,
.clearfix:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-section-divider:before,
.panel-row-style-section-divider:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* ==|== primary styles =====================================================
   Author: Lucas - Skeleton Based Media Queries
   ========================================================================== */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: Georgia, serif;
  /* for lightpurple-nav line-height 1.3 */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: "Oswald", sans-serif; }

h1 {
  font-size: 48px;
  font-size: 4.8rem; }

h2 {
  font-size: 36px;
  font-size: 3.6rem; }

h3 {
  font-size: 30px;
  font-size: 3rem; }

h4 {
  font-size: 24px;
  font-size: 2.4rem; }

h5 {
  font-size: 18px;
  font-size: 1.8rem; }

h6 {
  font-size: 16px;
  font-size: 1.6rem; }

p {
  margin-bottom: 1.5em; }

b, strong {
  font-weight: bold; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  position: relative;
  margin: 24px 40px;
  padding: 0.5em 10px 20px; }

address {
  margin: 0 0 1.5em; }

pre {
  overflow: auto;
  padding: 1.6em;
  max-width: 100%;
  margin-bottom: 1.6em;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  border: 1px solid #79787a;
  line-height: 1.6;
  background: #eeeeee; }

code, kbd, tt, var {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym {
  border-bottom: 1px dotted #666666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

q {
  padding-left: 10px;
  text-indent: 20px; }

blockquote:before, q:before {
  float: left;
  content: "\f10d";
  color: #41285b;
  font-size: 20px;
  font-size: 2rem;
  font-family: 'FontAwesome'; }

blockquote p {
  width: 95%;
  margin: 0 0 0 35px; }

blockquote cite a {
  color: #41285b; }

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
  background-color: #cccccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 0; }

table {
  width: 100%;
  border-spacing: 0;
  margin: 0 0 1.5em;
  border-collapse: separate;
  border: 1px solid #79787a; }
  table th {
    font-weight: bold; }
  table caption,
  table td,
  table th {
    text-align: center; }
  table td,
  table th {
    border: 1px solid #79787a;
    padding: 5px;
    border-top: 0;
    border-right: 0; }

table {
  border-left: 0;
  border-bottom: 0; }

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
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 */ }

#commentform .comment-form-url {
  margin-right: 0; }

#commentform .comment-form-author input,
#commentform .comment-form-url input,
#commentform .comment-form-email input,
#commentform .comment-form-comment textarea {
  width: 99%;
  padding: 5px 10px; }

#commentform .form-submit input {
  border: 0;
  padding: 20px 40px;
  text-shadow: 0 0 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  -ms-box-shadow: 0 0 0;
  -o-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  background-color: #41285b;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  color: white; }
  #commentform .form-submit input:hover {
    background-color: #79787a; }

.required {
  color: red; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #cccccc #cccccc #bbbbbb;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #79787a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #cccccc #bbbbbb #aaaaaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaaaaa #bbbbbb #bbbbbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

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="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666666;
  border: 1px solid #cccccc;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0;
  border-radius: 0; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111111; }

input[type="text"],
input[type="email"],
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%; }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #41285b;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  a:visited {
    color: #41285b; }
  a:hover, a:focus, a:active {
    color: #282828; }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
#nav-wrap {
  background-color: #282828; }

.main-navigation div > ul > li > a {
  background: url("../images/divider.gif") no-repeat center right; }

.main-navigation {
  display: block; }
  .main-navigation ul.nav-menu > li > a {
    height: 60px;
    line-height: 55px; }
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    background-color: #282828; }
    .main-navigation ul a {
      color: white;
      text-transform: uppercase;
      padding: 0 35px;
      font-family: "Oswald", sans-serif;
      border-top: 5px solid transparent; }
    .main-navigation ul ul {
      float: left;
      position: absolute;
      top: 60px;
      left: -999em;
      z-index: 99999;
      margin: 0; }
      .main-navigation ul ul ul {
        top: 0; }
      .main-navigation ul ul li {
        height: auto; }
        .main-navigation ul ul li:hover > ul {
          right: 100%; }
      .main-navigation ul ul a {
        width: 300px;
        padding: 10px 20px;
        display: block;
        height: auto;
        font-size: 14px;
        font-size: 1.4rem;
        background-image: none; }
      .main-navigation ul ul :hover > a {
        border-color: #fed3a7;
        background: transparent; }
    .main-navigation ul li:hover > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative;
    height: 60px; }
  .main-navigation a {
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .main-navigation a:hover {
      color: white;
      background-color: white; }
  .main-navigation .current_page_item a,
  .main-navigation .current-menu-item a,
  .main-navigation ul.menu.nav-menu > li.current-menu-ancestor > a,
  .main-navigation ul.nav-menu > li > a:hover {
    background-color: white;
    color: #41285b;
    border-color: #ccc;
    background-image: none; }
  .main-navigation ul.sub-menu li.current_page_item a,
  .main-navigation ul.sub-menu .current-menu-item a,
  .main-navigation ul.sub-menu li.current_page_ancestor > a {
    background-color: #282828;
    border-color: transparent; }
  .main-navigation .current_page_item li a,
  .main-navigation .current-menu-item li a,
  .main-navigation ul.menu.nav-menu > li.current-menu-ancestor li a,
  .main-navigation ul.nav-menu > li li a {
    background-image: none; }
    .main-navigation .current_page_item li a:hover,
    .main-navigation .current-menu-item li a:hover,
    .main-navigation ul.menu.nav-menu > li.current-menu-ancestor li a:hover,
    .main-navigation ul.nav-menu > li li a:hover {
      color: #282828;
      background-color: white;
      border-color: #ccc; }
  .main-navigation ul.menu.nav-menu li.current_page_parent.current_page_ancestor li.current-menu-item.current_page_item > a,
  .main-navigation ul.menu.nav-menu ul.sub-menu li.current_page_parent.current_page_ancestor > a {
    border-color: #fed3a7;
    background-color: #41285b; }

/* Small menu */
.menu-toggle {
  display: none; }

@media screen and (max-width: 600px) {
  .menu-toggle,
  .main-navigation.toggled ul.nav-menu {
    display: block;
    margin: auto; }
    .menu-toggle li,
    .main-navigation.toggled ul.nav-menu li {
      border-bottom: 1px solid white;
      float: none; }
      .menu-toggle li:hover a,
      .main-navigation.toggled ul.nav-menu li:hover a {
        backgropund: transparent !important;
        border: none; }
    .menu-toggle ul,
    .main-navigation.toggled ul.nav-menu ul {
      padding-left: 10%;
      text-align: none;
      float: none; }
      .menu-toggle ul li,
      .main-navigation.toggled ul.nav-menu ul li {
        background-color: transparent !important; }
        .menu-toggle ul li a,
        .main-navigation.toggled ul.nav-menu ul li a {
          color: #282828; }

  .main-navigation ul.nav-menu {
    display: none; }

  .sticky-header #site-navigation .search-form {
    z-index: 1; } }
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

.post-navigation,
.paging-navigation {
  min-height: 75px;
  line-height: normal; }
  .post-navigation .nav-links a,
  .paging-navigation .nav-links a {
    display: inline-block;
    padding: 10px 25px;
    background-color: white;
    position: relative; }
    .post-navigation .nav-links a:hover, .post-navigation .nav-links a:focus,
    .paging-navigation .nav-links a:hover,
    .paging-navigation .nav-links a:focus {
      background-color: #41285b;
      color: white; }
    .post-navigation .nav-links a span,
    .paging-navigation .nav-links a span {
      position: absolute; }
  .post-navigation .nav-previous a,
  .paging-navigation .nav-previous a {
    padding-left: 35px; }
    .post-navigation .nav-previous a span,
    .paging-navigation .nav-previous a span {
      left: 10px; }
  .post-navigation .nav-next a,
  .paging-navigation .nav-next a {
    padding-right: 35px; }
    .post-navigation .nav-next a span,
    .paging-navigation .nav-next a span {
      right: 10px; }

.comment-navigation .nav-next a,
.comment-navigation .nav-previous a {
  display: inline-block;
  padding: 5px 25px;
  background-color: #41285b;
  color: white; }
  .comment-navigation .nav-next a:hover,
  .comment-navigation .nav-previous a:hover {
    background-color: #79787a; }

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: white;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 3px;
    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-size: 1.4rem;
    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 */ }

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  display: block;
  margin: 0 auto; }

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear: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 {
  content: "";
  display: table; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget, .site-footer .widget_calendar td {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets */ }
  .widget select, .site-footer .widget_calendar td select {
    max-width: 100%; }

/*--------------------------------------------------------------
	1.1 TagCloud
--------------------------------------------------------------*/
.tagcloud a {
  display: inline-block;
  margin: 2px;
  padding: 2px 5px;
  background-color: #d7d7d7; }
  .tagcloud a:hover {
    background-color: #41285b;
    color: white; }

/*--------------------------------------------------------------
	1.2 Archive & Category & Nav Menu Sidebar
--------------------------------------------------------------*/
.widget-area .widget, .widget-area .site-footer .widget_calendar td, .site-footer .widget_calendar .widget-area td {
  background-color: white;
  padding: 30px 20px; }
.widget-area h3.widget-title {
  line-height: normal;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #79787a;
  position: relative; }
.widget-area h3.widget-title:after {
  content: "";
  border-bottom: 4px solid #41285b;
  display: block;
  width: 50%;
  position: absolute;
  bottom: 0;
  left: 0; }
.widget-area ul {
  list-style-type: none;
  margin-left: 0; }
  .widget-area ul li {
    padding: 5px 0 5px 0; }
.widget-area .widget_archive select,
.widget-area .widget_categories select,
.widget-area .search-form {
  margin: 10px 0; }
.widget-area .widget_categories select,
.widget-area .widget_archive select,
.widget-area form select {
  width: 100%;
  padding: 6px; }
.widget-area input.search-field {
  width: 95%; }

/*--------------------------------------------------------------
	1.3 Navigation Menu Sidebar
--------------------------------------------------------------*/
.widget_nav_menu ul.menu ul.sub-menu li {
  margin-left: 10px;
  line-height: normal; }

.widget_nav_menu ul li a {
  display: block;
  padding: 3px 0; }

/*--------------------------------------------------------------
	1.4 Calendar
--------------------------------------------------------------*/
.widget_calendar table {
  border-color: #cacaca;
  border-top: 0; }
  .widget_calendar table caption {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #41285b;
    padding: 5px 0;
    color: white;
    border: 1px solid #cacaca;
    border-bottom: 0; }

.widget_calendar th,
.widget_calendar td {
  text-align: center;
  padding: 2px 5px;
  font-weight: normal;
  border-color: #cacaca; }

.widget_calendar td a {
  text-decoration: underline; }

.widget_calendar td#prev a,
.widget_calendar td#next a {
  text-decoration: none; }

.widget_calendar td:last-child {
  border-right: 0; }

.widget_calendar td#today {
  background-color: #41285b;
  color: white; }
  .widget_calendar td#today a {
    color: white; }

/*--------------------------------------------------------------
	1.5 Sidebar Search
--------------------------------------------------------------*/
input.search-submit {
  margin-top: 10px;
  text-transform: uppercase;
  background-color: #79787a;
  -webkit-box-shadow: 0 0 0;
  moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border: 0;
  color: white;
  text-shadow: 0 0 0;
  padding: 15px 30px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  input.search-submit:hover {
    background-color: #41285b;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0; }

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.site-main .page,
.page-content,
.hentry {
  padding: 30px;
  background-color: white; }

.post.sticky {
  padding: 20px;
  display: block;
  border: 10px solid white;
  background-color: #a57dce;
  color: white; }
  .post.sticky h1 a:hover {
    color: black; }

h1 {
  word-wrap: break-word; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }
  .entry-content a,
  .entry-summary a {
    text-decoration: underline; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }
  .page-links a {
    background-color: #79787a;
    display: inline-block;
    margin: 0 3px;
    padding: 4px 10px;
    text-align: center;
    color: white; }
    .page-links a:hover {
      background-color: #41285b;
      color: white; }

.entry-footer {
  padding: 15px 0;
  border-top: 1px solid #dfdfdf; }
  .entry-footer span {
    padding-right: 20px; }
    .entry-footer span span {
      padding: 0; }

.post input[type="submit"],
.page-content input[type="submit"] {
  background-color: #41285b;
  border: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  text-shadow: 0 0 0;
  padding: 10px 25px;
  text-transform: uppercase;
  color: white;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .post input[type="submit"]:hover,
  .page-content input[type="submit"]:hover {
    background-color: #79787a; }

ol.webulous_page_navi {
  list-style-type: none;
  text-align: center; }
  ol.webulous_page_navi li.bpn-current,
  ol.webulous_page_navi li.bpn-prev-link {
    border: 0;
    margin: 0 2px;
    padding: 5px 10px; }
    ol.webulous_page_navi li.bpn-current:hover,
    ol.webulous_page_navi li.bpn-prev-link:hover {
      border: 0; }
  ol.webulous_page_navi li {
    display: inline; }
  ol.webulous_page_navi li a {
    margin: 0 2px;
    border: 0;
    background-color: white;
    display: inline-block;
    padding: 5px 10px; }
    ol.webulous_page_navi li a:hover {
      background-color: #41285b;
      color: white; }

/* Footer Menu */
.footer-bottom aside {
  margin: 0; }
.footer-bottom ul.menu {
  margin: 0;
  padding: 0;
  text-align: right; }
  .footer-bottom ul.menu ul.sub-menu {
    margin: 0;
    display: inline; }
  .footer-bottom ul.menu li {
    display: inline;
    margin: 0;
    padding: 0 4px 0 0;
    border: 0;
    border-right: 1px solid #494949; }
    .footer-bottom ul.menu li a {
      margin-bottom: 10px;
      display: inline-block;
      padding: 2px 6px;
      color: white; }
      .footer-bottom ul.menu li a:hover {
        background-color: white;
        color: #41285b; }
  .footer-bottom ul.menu li.current_page_item a {
    background-color: white;
    color: #41285b; }

/* Gutenberg CSS style */
#primary ul {
  list-style-type: disc; }

.wp-block-latest-posts.aligncenter {
  margin-left: 3em; }

.wp-block-verse {
  color: #36214b; }

.wp-block-quote {
  border-left: 4px solid black;
  padding-left: 5px;
  margin-top: 0px;
  padding-top: 0px; }
  .wp-block-quote p {
    padding: 20px;
    margin: 0px; }
  .wp-block-quote:before {
    content: "";
    border: 0px; }
  .wp-block-quote cite {
    margin: 0px;
    padding-left: 20px; }

.wp-block-quote.is-large {
  border: 0px;
  color: #282828; }
  .wp-block-quote.is-large cite {
    text-align: right;
    display: block;
    color: #333;
    font-style: italic;
    padding-right: 20px; }

.wp-block-pullquote {
  border-top: 4px solid black;
  border-bottom: 4px solid black;
  padding: 0px;
  padding-bottom: 10px;
  margin: 0 auto;
  border-left: none !important;
  margin-bottom: 20px; }
  .wp-block-pullquote:before {
    content: "";
    border: 0px; }
  .wp-block-pullquote p {
    padding: 20px;
    margin: 0px;
    width: auto; }

.wp-block-pullquote.alignleft {
  margin-right: 25px; }

.wp-block-pullquote.alignright {
  margin-left: 25px; }

.wp-block-button a:hover {
  padding: 11px 24px;
  box-shadow: 3px 3px black;
  -webkit-box-shadow: 3px 3px black; }

.wp-block-cover-image {
  display: flex; }

.wp-block-audio {
  text-align: center; }

.wp-block-button.aligncenter {
  margin-bottom: 1.5em; }

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

.site-content,
.home.blog .site-content {
  padding: 30px 0; }

.home .site-content {
  padding-top: 0; }

.post {
  background-color: white;
  padding: 30px 20px; }

.page-header {
  background-color: #79787a;
  padding: 10px 20px;
  color: white; }

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comments-area {
  background-color: white;
  padding: 30px 20px; }

.comment-content a {
  word-wrap: break-word; }

.comment-content p {
  margin-bottom: 0;
  margin-top: 15px; }

.bypostauthor {
  display: block; }

h2.comments-title {
  margin-bottom: 30px;
  padding-bottom: 10px;
  line-height: normal; }

ol.comment-list {
  margin: 0;
  list-style-type: none; }

ol.comment-list ol.children {
  list-style-type: none; }

ol.comment-list > li {
  border: 1px solid #79787a;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #f2f2f2; }

.comment-body {
  position: relative; }

ol.comment-list .reply {
  display: inline;
  right: 0;
  position: absolute;
  top: 0;
  font-size: 14px;
  font-size: 1.4rem; }

ol.comment-list li li .reply {
  right: 20px;
  top: 20px; }

.byuser .reply a:hover {
  color: white; }

.comment-content,
.comment-meta {
  margin-left: 50px; }

.comment-author img {
  position: absolute;
  left: 0; }

ol.comment-list .parent article {
  border: 1px solid #79787a;
  margin-bottom: 20px;
  padding: 20px; }

ol.comment-list .parent article .comment-author img {
  left: 20px; }

ol.comment-list article {
  background-color: #f2f2f2; }

ol.comment-list li.byuser {
  border: 2px solid #fed3a7;
  background-color: #FFDBB8; }

ol.comment-list li.byuser article {
  background-color: transparent; }

.comment-metadata {
  font-size: 13px;
  font-size: 1.3rem; }

.byuser .comment-metadata a:hover,
.byuser .comment-content a:hover {
  color: white; }

.columns.breadcrumb {
  margin: 0 -100%;
  padding: 10px 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  display: table;
  background: url("../images/bg-breadcrumb.png") no-repeat left top;
  background-size: 100% 100%;
  width: 100%; }
  .columns.breadcrumb #breadcrumb {
    position: absolute;
    right: 0;
    top: 35%;
    color: white;
    text-align: right; }
    .columns.breadcrumb #breadcrumb a {
      color: white; }
      .columns.breadcrumb #breadcrumb a:hover {
        color: #282828; }
    .columns.breadcrumb #breadcrumb span {
      margin-left: 8px;
      margin-right: 8px; }
      .columns.breadcrumb #breadcrumb span:first-child {
        margin-left: 0; }

.columns.breadcrumb {
  border-bottom: 1px solid #cccccc; }
  .columns.breadcrumb .entry-header h1 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 0; }

.breadcrumb h1.entry-title {
  color: white; }

#header-top {
  background: #282828;
  overflow: hidden;
  padding: 10px 0;
  color: white; }
  #header-top p {
    font-family: "Oswald", sans-serif;
    margin-bottom: 0; }
  #header-top a {
    padding: 0 5px;
    color: white; }
    #header-top a:hover {
      opacity: 0.7; }
  #header-top .cnumber p {
    text-align: right; }
    #header-top .cnumber p span {
      padding: 0 0 0 40px; }
      #header-top .cnumber p span i {
        padding-right: 8px; }

#header-bottom {
  position: relative; }

.widget_social-networks-widget,
.share-box, #header-bottom .top-right {
  margin: 0;
  padding: 0; }
  .widget_social-networks-widget ul,
  .share-box ul, #header-bottom .top-right ul {
    margin: 0;
    padding: 0;
    text-align: right; }
    .widget_social-networks-widget ul li,
    .share-box ul li, #header-bottom .top-right ul li {
      border: 0;
      padding: 0;
      display: inline;
      margin: 0 5px 0 0;
      list-style: none; }
      .widget_social-networks-widget ul li a,
      .share-box ul li a, #header-bottom .top-right ul li a {
        color: white;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        color: #41285b;
        background-color: #d7d7d7;
        margin-bottom: 5px; }
        .widget_social-networks-widget ul li a:hover,
        .share-box ul li a:hover, #header-bottom .top-right ul li a:hover {
          color: white;
          background-color: #41285b; }
    .widget_social-networks-widget ul li:last-child,
    .share-box ul li:last-child, #header-bottom .top-right ul li:last-child {
      margin-right: 0; }

.share-box {
  margin-bottom: 20px; }
  .share-box h4 {
    margin-bottom: 10px; }
  .share-box ul {
    text-align: left; }

header .widget_social-networks-widget h3,
header .share-box h3, footer .widget_social-networks-widget h3,
footer .share-box h3 {
  display: none; }

.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce #content table.cart input,
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  color: white;
  background: #282828; }

.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
  background: none !important;
  background-color: #41285b !important;
  color: white; }

.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
  background: #272727 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #272727 0%, #45484d 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #272727), color-stop(100%, #45484d)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #272727 0%, #45484d 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #272727 0%, #45484d 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #272727 0%, #45484d 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #272727 0%, #45484d 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272727', endColorstr='#45484d',GradientType=0 ) !important;
  /* IE6-9 */
  border: 1px solid #333; }

.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
  border-color: #000;
  background: #666 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #666666 0%, #45484d 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #45484d)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #666666 0%, #45484d 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #666666 0%, #45484d 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #666666 0%, #45484d 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #666666 0%, #45484d 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#45484d',GradientType=0 ) !important;
  /* IE6-9 */ }

.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
  background-color: #333; }

.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
  border-color: #333; }

.order-total .amount,
.cart-subtotal .amount {
  color: #41285b; }

.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
  background: #f2f9fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe), color-stop(100%, #d6f0fd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 );
  /* IE6-9 */ }

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
  color: #282828; }

.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
  background-color: #666;
  color: white; }

.woocommerce a.added_to_cart:hover,
.woocommerce-page a.added_to_cart:hover {
  background-color: #000; }

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
  color: white; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  background: #f2f9fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe), color-stop(100%, #d6f0fd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 );
  /* IE6-9 */ }

.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
  color: #41285b; }

.woocommerce #content table.cart a.remove:hover,
.woocommerce table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover {
  background-color: #282828; }

.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
  background-color: white; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
  background: #41285b;
  color: white; }

.woocommerce span.onsale,
.woocommerce-page span.onsale {
  background: #f9c667;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9c667), color-stop(100%, #f79621));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f9c667 0%, #f79621 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
  /* IE6-9 */ }

.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
  background-color: #282828;
  color: white; }

.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
  background-color: #41285b;
  color: white; }

.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce #content nav.woocommerce-pagination ul {
  background-color: #282828; }

.woocommerce-error li strong {
  color: #B81C23; }

.woocommerce .site-content,
.woocommerce-page .site-content {
  margin-bottom: 0; }

.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  border: 0;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-shadow: 0 0 0;
  font-weight: 400; }

.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
  padding-top: 0;
  height: 2.5em;
  line-height: 2.5;
  width: 2em; }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
  line-height: normal; }

.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
  padding: 2px 15px 1px 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
  text-decoration: underline; }

.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce-page .woocommerce-breadcrumb a:hover {
  text-decoration: none; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 400;
  padding: 0.5em 1em;
  background-color: transparent;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border-top: 0;
  position: static; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
  position: static; }

.woocommerce #content div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations,
.woocommerce-page #content div.product form.cart table.variations,
.woocommerce-page div.product form.cart table.variations,
.woocommerce #content div.product form.cart table.variations td,
.woocommerce div.product form.cart table.variations td,
.woocommerce-page #content div.product form.cart table.variations td,
.woocommerce-page div.product form.cart table.variations td {
  border: 0; }

.cross-sells h2,
.shipping_calculator h2 {
  font-size: 1.6em; }

.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
  margin: 0 auto; }

.woocommerce #content table.cart td.actions input#coupon_code,
.woocommerce table.cart td.actions input#coupon_code,
.woocommerce-page #content table.cart td.actions input#coupon_code,
.woocommerce-page table.cart td.actions input#coupon_code {
  width: auto; }

.woocommerce button.button,
.woocommerce-page button.button {
  padding: 10px 12px; }

.woocommerce .cart button.single_add_to_cart_button {
  padding: 6px 12px 5px; }

.woocommerce button.button, .woocommerce-page button.button,
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
  padding: 20px;
  border: 1px solid #e0dadf;
  border-top: 0; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
  margin-bottom: 0; }

.woocommerce #content table.cart td.actions .coupon #coupon_code,
.woocommerce table.cart td.actions .coupon #coupon_code,
.woocommerce-page #content table.cart td.actions .coupon #coupon_code,
.woocommerce-page table.cart td.actions .coupon #coupon_code {
  padding: 4px 6px; }

.woocommerce #content div.product .stock,
.woocommerce div.product .stock,
.woocommerce-page #content div.product .stock,
.woocommerce-page div.product .stock {
  text-decoration: underline;
  color: #333; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  padding: 0;
  margin: 0; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  background: #282828;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 0 0;
  margin: 0; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
  color: white;
  text-shadow: 0 0 0;
  padding: 7px 20px !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
  text-decoration: none; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
  z-index: 2;
  border-bottom-color: transparent; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after {
  display: none !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
  display: none !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
  display: none !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
  display: none !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
  display: none !important; }

.woocommerce span.onsale, .woocommerce-page span.onsale {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 10px 12px; }

.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
  margin: -15px -15px 0 0; }

.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
  border: 0;
  padding: 3px 10px; }

.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
  border: 0; }

.woocommerce #content nav.woocommerce-pagination ul li {
  border: 0; }

.woocommerce #content nav.woocommerce-pagination ul {
  padding: 7px 10px;
  border: 0; }

.woocommerce-page .site-footer,
.woocommerce-page .footer-bottom,
.woocommerce-page .woocommerce-breadcrumb {
  padding: 0 50%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 -50%; }

#secondary {
  padding: 11px 25px 20px; }

.right-sidebar {
  padding-left: 0px !important;
  padding-right: 50px; }

/*------from kirki-----------*/
/* SITE STYLE */
.container .container {
  width: 100%; }

.fluid-container .container {
  width: 100%;
  max-width: none; }

.boxed-container {
  overflow: hidden; }

.boxed-header .branding .site-branding {
  padding-left: 10px; }
  .boxed-header .branding .site-branding:before {
    display: none; }
.boxed-header #nav-wrap .thirteen, .boxed-header .twelve, .boxed-header #nav-wrap .sixteen {
  margin-left: 0; }
.boxed-header .search-form::after {
  display: none; }

.fluid-header #nav-wrap .thirteen, .fluid-header #nav-wrap .sixteen {
  margin-left: 0; }

/* BLOG MASONRY LAYOUT */
.masonry-blog-content .navigation.pagination, .masonry-blog-content .navigation.paging-navigation {
  position: absolute;
  bottom: 0;
  right: 0; }

.masonry-blog-content .navigation.paging-navigation {
  width: 100%;
  border: none; }

.blog #primary .eight:nth-child(2n+1) {
  clear: both; }
.blog #primary .one-third:nth-child(3n+1) {
  clear: both; }

.navigation.pagination, .navigation.paging-navigation {
  clear: both; }

.scroll-to-top {
  background: #41285b;
  color: white;
  bottom: 3%;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 99999;
  text-align: center;
  line-height: 40px;
  width: 40px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 4px;
  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: rgba(65, 40, 91, 0.6); }

.textwidget .wpcf7-form p {
  margin-bottom: 3px; }

.single_page_flexslider_feature_image {
  width: 100%; }

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.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; }

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.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; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
  border: 1px solid #cccccc; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

dl.wp-caption {
  margin-bottom: 0;
  border: 0; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 1.2% auto 0;
  max-width: 98%; }

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-item img {
    border: 1px solid #41285b; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
13 Global
--------------------------------------------------------------*/
#header-bottom {
  padding: 15px 0;
  background-color: #41285b; }
  #header-bottom .widget-title {
    display: none; }
  #header-bottom h1 a {
    color: white; }
    #header-bottom h1 a:hover {
      color: #fed3a7; }

h2.site-description {
  font-size: 18px;
  font-size: 1.8rem;
  color: white; }

.site-content .no-sidebar {
  float: none;
  margin: 0 auto;
  display: block; }

/* Custom Header Image */
.header-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  position: relative; }

.overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent; }

/* STICKY HEADER */
.sticky-header #nav-wrap {
  position: fixed;
  top: -2px;
  left: 0;
  width: 100%;
  z-index: 1000; }
  .sticky-header #nav-wrap .search-form {
    top: 5px; }

.boxed-container .sticky-header #nav-wrap {
  width: 100%;
  left: 0; }

.admin-bar .sticky-header #nav-wrap {
  top: 30px; }

.blog-box {
  border: 1px solid #999;
  margin-bottom: 35px; }
  .blog-box .hentry {
    margin: 0px; }
  .blog-box article.post {
    border-bottom: none; }

.entry-meta span {
  margin-right: 10px; }

.site-footer.site-info.footer-image {
  position: relative; }

.site-footer {
  background-color: #36214b;
  position: relative;
  padding: 30px 0 0; }
  .site-footer .widget-title {
    color: white;
    margin: 0 0 10px;
    padding-bottom: 10px; }
  .site-footer ul {
    margin: 0;
    list-style: none; }
    .site-footer ul li {
      padding: 8px 0;
      border-bottom: 1px solid #494949; }
  .site-footer a {
    color: white; }
    .site-footer a:hover {
      color: #fed3a7; }
  .site-footer .widget, .site-footer .widget_calendar td {
    color: #fed3a7; }
  .site-footer .widget_calendar td {
    text-align: center;
    border-right: 0;
    border-top: 0; }
    .site-footer .widget_calendar td a:hover {
      color: #fed3a7; }
  .site-footer .widget_calendar th {
    color: white;
    text-align: center;
    border-top: 1px solid #79787a; }
  .site-footer .widget_archive select,
  .site-footer .widget_categories select,
  .site-footer form select {
    margin: 0;
    width: 100%;
    padding: 6px; }
  .site-footer .widget ul li li, .site-footer .widget_calendar td ul li li {
    border: 0; }
  .site-footer .widget_nav_menu ul.menu ul.sub-menu li,
  .site-footer .widget_nav_menu ul li {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0; }
  .site-footer .widget_nav_menu ul.sub-menu {
    margin-left: 0; }
  .site-footer .widget_nav_menu ul.menu ul.sub-menu li {
    margin-left: 8px; }
  .site-footer .widget_nav_menu ul.menu ul.sub-menu li a {
    border-color: #fed3a7; }
  .site-footer .widget_nav_menu ul li a {
    padding-left: 0; }
  .site-footer input.search-field {
    width: 100%; }
  .site-footer .tagcloud a {
    border: 1px solid #d7d7d7;
    background-color: white;
    color: black; }
  .site-footer .tagcloud :hover {
    color: black;
    background-color: #fed3a7; }

.footer-bottom {
  background-color: #2f1d41;
  padding: 15px 0;
  color: #fed3a7; }
  .footer-bottom .widget-title {
    display: none; }
  .footer-bottom .site-info {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    color: #fed3a7; }
    .footer-bottom .site-info a {
      color: white; }
      .footer-bottom .site-info a:hover {
        color: #fed3a7; }

.breadcrumb {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 1.5em; }

.flexslider {
  border: 0 !important;
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 0 !important;
  -moz-box-shadow: 0 0 0 !important;
  box-shadow: 0 0 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }

.flex-container {
  position: relative; }
  .flex-container li {
    border: 0 !important; }
  .flex-container .flex-caption {
    position: absolute;
    color: #41285b;
    top: 10%;
    left: 0;
    width: 100%;
    height: 90%;
    text-align: center; }
    .flex-container .flex-caption h1, .flex-container .flex-caption h2, .flex-container .flex-caption h3, .flex-container .flex-caption h4, .flex-container .flex-caption h5, .flex-container .flex-caption h6, .flex-container .flex-caption p, .flex-container .flex-caption ul {
      margin: 0 0 .1em; }
    .flex-container .flex-caption h2, .flex-container .flex-caption h3, .flex-container .flex-caption h1, .flex-container .flex-caption h4, .flex-container .flex-caption h5 {
      background-color: rgba(64, 41, 92, 0.3);
      color: white;
      padding: 15px 0;
      clear: both;
      text-shadow: 1px 1px 1px #282828; }
    .flex-container .flex-caption p {
      color: white;
      margin-bottom: 1.5em; }
    .flex-container .flex-caption a {
      text-shadow: 0 0 0;
      color: black;
      padding: 10px 25px;
      display: inline-black;
      background-color: white; }
      .flex-container .flex-caption a:hover {
        background-color: #41285b;
        color: white; }
  .flex-container .flex-direction-nav a {
    text-align: center;
    display: block;
    line-height: 40px;
    width: 40px;
    height: 40px;
    background-color: #282828;
    color: white; }
    .flex-container .flex-direction-nav a:before {
      font-size: 20px;
      font-size: 2rem;
      color: white; }
  .flex-container .flexslider .flex-image {
    text-align: center; }
    .flex-container .flexslider .flex-image img {
      display: block;
      width: 100%; }
  .flex-container .flexslider .slides > li {
    position: relative; }

.flex-control-paging {
  text-align: center;
  bottom: 0;
  height: 50px; }
  .flex-control-paging li a {
    border: 2px solid white;
    background-color: transparent;
    font-size: 0;
    -webkit-box-shadow: 0 0 0;
    moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    width: 15px;
    height: 15px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 0;
    border-radius: 0; }
  .flex-control-paging li a.flex-active,
  .flex-control-paging li a:hover {
    background-color: #41285b;
    border-color: #41285b; }

/* Circle Icon Box */
.services {
  position: relative;
  z-index: 100;
  padding: 100px 0 60px; }
  .services .one-third {
    border: 3px solid white;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    text-align: center;
    padding: 20px;
    padding-top: 40px; }
    .services .one-third .service-title {
      position: relative; }
      .services .one-third .service-title p {
        margin-bottom: 0;
        background: #fed3a7;
        left: 40%;
        padding: 0 20px;
        position: absolute;
        top: -70px; }
        .services .one-third .service-title p i {
          color: white;
          font-size: 50px;
          font-size: 5rem;
          -webkit-transition: all 0.8s ease;
          -moz-transition: all 0.8s ease;
          -ms-transition: all 0.8s ease;
          -o-transition: all 0.8s ease;
          transition: all 0.8s ease; }
    .services .one-third .service h3 {
      font-size: 20px;
      font-size: 2rem;
      margin-bottom: 15px; }
  .services .one-third:hover {
    border-color: #41285b; }
    .services .one-third:hover .service-title p {
      border-color: #41285b;
      background-color: #fed3a7; }
      .services .one-third:hover .service-title p i {
        color: #41285b; }
    .services .one-third:hover h3 {
      color: #41285b; }
  .services p.more-button {
    margin-bottom: 0; }
    .services p.more-button a {
      background-color: #41285b;
      padding: 5px 8px;
      color: white;
      border-bottom: 2px solid #41285b;
      position: relative;
      z-index: 1; }
      .services p.more-button a:hover {
        background-color: #fed3a7;
        border-color: #41285b; }
  .services .service h3 {
    text-transform: uppercase; }
  .services .service p {
    margin-bottom: 10px; }

.services > div {
  z-index: 11;
  position: relative; }

.gap {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  padding-top: 20px; }

.rp-title {
  margin: 0 0 20px 5px; }

.flex-recent-posts {
  position: relative; }
  .flex-recent-posts li {
    width: 20%;
    float: left;
    border: 0; }
    .flex-recent-posts li .recent-post {
      position: relative;
      margin: 5px; }
      .flex-recent-posts li .recent-post h4 {
        width: 100%;
        text-align: center;
        padding: 5px;
        color: white;
        font-size: 16px;
        font-size: 1.6rem;
        border: 2px solid white;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        margin-top: 5px; }
        .flex-recent-posts li .recent-post h4:hover {
          border-color: #282828;
          color: #282828; }
      .flex-recent-posts li .recent-post img {
        display: block; }
  .flex-recent-posts .recent-post:hover h4 {
    border-color: #282828;
    color: #282828; }

/* light purple nav stylesheet - use this lightpurple scss file & also change the typography lineheight,font-size */
@media only screen and (max-width: 1024px) {
  .post-navigation .nav-next,
  .post-navigation .nav-previous {
    width: 49%; } }
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .widget-area .search-form input.search-field {
    width: 90%; }

  .widget-area .widget select, .widget-area .site-footer .widget_calendar td select, .site-footer .widget_calendar .widget-area td select {
    width: 82%; } }
@media only screen and (max-width: 768px) {
  .widget-area .search-form input.search-field {
    width: 96%; }

  .sticky-header #nav-wrap {
    position: static; }

  .widget_archive select,
  .widget_categories select {
    width: 92%; }

  .site-branding, #header-top .cnumber p, #header-top p {
    text-align: center; }

  .cnumber {
    margin-top: 10px; }

  .flex-container .flex-caption {
    position: static; }
    .flex-container .flex-caption h1, .flex-container .flex-caption h2, .flex-container .flex-caption h3, .flex-container .flex-caption h4, .flex-container .flex-caption h5, .flex-container .flex-caption h6, .flex-container .flex-caption p {
      color: black;
      background: transparent; }

  .flex-control-nav {
    position: static; }

  .services .one-third {
    margin-top: 60px; }

  .flex-recent-posts li {
    width: 33.3%;
    margin-bottom: 20px; }

  #header-bottom .top-right ul {
    text-align: center;
    margin-top: 10px; } }
@media only screen and (max-width: 700px) {
  #commentform .comment-form-author,
  #commentform .comment-form-email,
  #commentform .comment-form-url {
    width: 100%;
    float: none;
    margin-right: 0; }

  #commentform .comment-form-author input,
  #commentform .comment-form-url input,
  #commentform .comment-form-email input {
    width: 100%; }

  .nav-links .nav-previous,
  .nav-links .nav-next,
  .comment-navigation .nav-previous,
  .comment-navigation .nav-next {
    width: 100%;
    float: none;
    margin-bottom: 10px; }

  .post-navigation .nav-links a,
  .comment-navigation .nav-previous a,
  .comment-navigation .nav-next a {
    display: block;
    text-align: center; }

  .callout-widget .call-content,
  .callout-widget .callout-btn {
    width: 100%;
    float: none;
    margin-bottom: 10px; } }
@media only screen and (max-width: 480px) {
  .main-navigation {
    padding: 10px 0; }
    .main-navigation button.menu-toggle {
      background-color: white;
      margin: 0 auto;
      font-size: 20px;
      font-size: 2rem;
      margin-bottom: 20px; }
    .main-navigation ul li {
      float: none; }
      .main-navigation ul li a {
        background: none; }

  .flex-recent-posts li {
    width: 100%; }
    .flex-recent-posts li img {
      max-width: 100%;
      width: 100%; }
    .flex-recent-posts li .recent-post h4 {
      font-size: 22px;
      font-size: 2.2rem; } }