/*
Purpose: a style sheet that matches the CSS output from theme-overrides.css for use if a developer doesn't want to provide theme settings.

Instructions for developers who use theme settings in their theme:
1. Delete fallback.css

Instructions for developers who don't use theme settings in their theme:
1. Remove the theme settings from fields.json
2. Delete theme-overrides.css and remove the reference to theme-overrides.css from base.html
3a. Add a reference to fallback.css in base.html
-or-
3b. Copy the CSS from the different sections fallback.css and paste the code into the relevant style sheet in the CSS folder (e.g. the CSS from the typography section can be copy and pasted into the typography.css file).
*/

/*****************************************/
/***** Containers / Grid / DnD Areas *****/
/*****************************************/

.content-wrapper {
/*   max-width: 1240px; */
  max-width:1140px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

.dnd-section > .row-fluid {
/*   max-width: 1240px; */
  max-width:1140px;
}

/*****************************************/
/************** Typography ***************/
/*****************************************/

html {
  font-size: 24px;
}

body {
/*   color: #494A52; */
  color:#2a2929
  font-family: 'Source Sans Pro', sans-serif;
}

p {
  font-family: 'Source Sans Pro', sans-serif;
}

a {
/*   color: #0270E0; */
  color:#018849 ;
}

a:hover,
a:focus {
  color: #b08e43;
  text-decoration:none;
}

a:active {
  color: #2A98FF;
}

h1,
h3,
h4,
h5,
h6 {
  color: #2a2929;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
}

h1 {
  font-size: 70px;
}

h2 {
  font-size: 55px;
  font-weight: 300;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
}

h5 {
  color: #000;
  font-size: 16px;
  font-weight: normal;
}

h6 {
  font-size: 14px;
  font-weight: normal;
}

blockquote {
  border-left-color: #F8FAFC;
}

/*****************************************/
/*************** Buttons *****************/
/*****************************************/

button,
.button {
  background-color: #018849 !important;
  border:2px solid #018849; 
  color: #fff;
  letter-spacing: 2px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 24px;
  padding: 15px 45px 15px 30px;
  background: url('https://8870642.fs1.hubspotusercontent-na1.net/hubfs/8870642/Pronokal_theme/Arrow%20%281%29.png')no-repeat; 
  background-position: 95% center;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: #fff !important;
  background: url('https://8870642.fs1.hubspotusercontent-na1.net/hubfs/8870642/Pronokal_theme/hover-arrow.png')no-repeat;
  background-position: 95% center;
  border-color: #018849;
  color: #018849;
}

button:active,
.button:active {
  background-color: #71727A;
  border-color: #71727A;
  color: #FFF;
}

/*****************************************/
/**************** Forms ******************/
/*****************************************/

form,
.submitted-message {
  font-family: 'Source Sans Pro', sans-serif;
}

.form-title {
  background-color: #494A52;
  color: #F8FAFC;
}

form label {
  color: #494A52;
}

form legend {
  color: #494A52;
}

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border-color: #D1D6DC;
  color: #494A52;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: #494A52;
}

::-webkit-input-placeholder {
  color: #494A52;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #494A52;
}

.fn-date-picker td.is-selected .pika-button {
  background: #494A52;
}

.fn-date-picker td .pika-button:hover {
  background-color: #494A52 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #494A52;
}

form input[type=submit],
form .hs-button {
  background-color: #018849;
  border:2px solid #018849; 
  color: #fff;
  letter-spacing: 2px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 24px;
  padding: 15px 45px 15px 30px;
  background: url('https://8870642.fs1.hubspotusercontent-na1.net/hubfs/8870642/Pronokal_theme/Arrow%20%281%29.png')no-repeat;
  width: unset;
  height: unset;
  background-position: 95% center;  
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: #fff !important;
  background: url('https://8870642.fs1.hubspotusercontent-na1.net/hubfs/8870642/Pronokal_theme/hover-arrow.png')no-repeat;
  background-position: 95% center;
  border-color: #018849;
  color: #018849;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: #fff !important;
  background: url('https://8870642.fs1.hubspotusercontent-na1.net/hubfs/8870642/Pronokal_theme/hover-arrow.png')no-repeat;
  background-position: 95% center;
  border-color: #018849;
  color: #018849;
}

/*****************************************/
/**************** Tables *****************/
/*****************************************/

table {
  background-color: #FFF;
  border-color: #494A52;
}

th,
td {
  border-color: #494A52;
  color: #494A52;
}

thead th,
thead td {
  background-color: #494A52;
  border-bottom-color: #494A52;
  color: #FFF;
}

tfoot td {
  background-color: #FFF;
  color: #494A52;
}

tbody + tbody {
  border-top-color: #494A52;
}

/*****************************************/
/**************** Header *****************/
/*****************************************/

.header {
  background-color: #F8FAFC;
}

body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #494A52;
  font-family: 'Source Sans Pro', sans-serif;
}

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #21222A;
}

body .navigation-primary a:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #71727A;
}

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: #494A52;
}

body .submenu.level-2,
.header__language-switcher .lang_list_class {
  background-color: #F8FAFC;
  border-color: #494A52;
}

body .submenu.level-2 > li:first-child:before {
  border-color: #494A52;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #494A52;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
.header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
  background-color: #F8FAFC;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: #F8FAFC;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: 'Source Sans Pro', sans-serif;
}

.header__language-switcher-label-current:after {
  border-top-color: #494A52;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color:#F8FAFC;
  }

  .header__navigation-toggle svg,.menu-arrow svg {
    fill: #494A52;
  }
}

/*****************************************/
/**************** Footer *****************/
/*****************************************/

.footer {
  background-color: #333333;
  color:#fff;
}

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #fff;
}

/*****************************************/
/***************** Blog ******************/
/*****************************************/

.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog listing */

.blog-index__post-title-link {
  color: #494A52;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #494A52;
}

/* Blog pagination */

.blog-pagination__link {
  color: #494A52;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #494A52;
}

.blog-pagination__next-link svg,
.blog-pagination__prev-link svg {
  fill: #494A52;
}

/* Blog posts */

.blog-post__meta a {
  color: #494A52;
}

.blog-post__tag-link {
  color: #494A52;
}

.blog-post__tag-link:focus,
.blog-post__tag-link:hover {
  color: #21222A;
}

.blog-post__tag-link:active {
  color: #71727A;
}

/* Blog related posts */

.blog-related-posts__title a {
  color: #494A52;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #0270E0;
}

#comments-listing .comment-reply-to:focus,
#comments-listing .comment-reply-to:hover {
  color: #0048B8;
}

#comments-listing .comment-reply-to:active {
  color: #2A98FF;
}

/*****************************************/
/*************** Modules *****************/
/*****************************************/

.card__price {
  color: #494a52;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}