/*
Theme Name: Cal Concrete
Version: 1.0
Author: Cloud Three
Author URI: https://cloudthree.com.au/
*/
 
.alignnone {
margin: 5px 20px 20px 0;
}
 
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
 
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
 
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
 
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
 
a img.alignnone {
margin: 5px 20px 20px 0;
}
 
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
 
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
 
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
 
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
 
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
 
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
 
/* 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: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-size: 0.875rem;
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. */
}
 
/* ninja forms preset */
 
.ninja-forms-form-wrap .ninja-forms-error-msg {
color: #ff0000;
margin-bottom: 5px;
}
 
.ninja-forms-form-wrap .ninja-forms-required-items {
margin-bottom: 5px;
font-weight: bold;
}
 
.ninja-forms-form .text-wrap input,
.ninja-forms-form .textarea-wrap textarea,
.ninja-forms-form .list-dropdown-wrap select {
font-size: 14px;
padding: 10px 10px;
border: 1px solid #cccccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
}
 
.ninja-forms-form .submit-wrap input {
line-height: 41px;
text-align: center;
background-color: #ffffff;
padding: 0 32px;
border: 2px solid #cccccc;
-webkit-transition: background-color 0.3s, color 0.3s;
-moz-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
cursor: pointer;
font-size: 14px;
}
 
.ninja-forms-form .submit-wrap input:hover {
color: #ffffff;
background-color: #cccccc;
}
.nf-form-fields-required {
  display: none;
}
#mainWrapper .formBox .fields .field{
  width: auto;
  padding: 0;
}
.imageText.reverse
{
  flex-direction: row-reverse;
}
.imageText.reverse .text{
  margin-right: auto;
}
#mainWrapper .woocommerce{
  max-width: 1200px;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 70vh;
}
#footer{
  clear: both;
}
#footer .links
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
  padding: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt{
  position: relative;
  display: table;
  color: #fff;
  line-height: 1;
  min-width: 7.25em;
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.0142857142857143em;
  margin: 0;
  margin-left: 10px;
  background: #000;
  padding: 14.5px 1.25em;
  border: 1px solid hwb(240 51% 49%);
  border-radius: 2.142857142857143em;
  cursor: pointer;
  text-align: center;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
  background-color: #fff;
  color: #000;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{
  position: relative;
  display: table;
  color: #fff;
  line-height: 1;
  min-width: 7.25em;
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.0142857142857143em;
  margin: 0;
  margin-left: 10px;
  background: #000;
  padding: 14.5px 1.25em;
  border: 1px solid hwb(240 51% 49%);
  border-radius: 2.142857142857143em;
  cursor: pointer;
  text-align: center;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover{
  background-color: #fff;
  color: #000;
}
.woocommerce .quantity .qty{
  margin-top: 13px;
  font-size: 1em;
}
.wp-block-woocommerce-cart, body .wc-block-checkout{
  padding: 70px;
  max-width: 1440px;
  margin: auto;
}
#intro .info{
  background: none;
  color: #fff;

}
#intro .info .left h2{
  font-size: 2.25em;
  text-shadow: 1px 1px 1px #000;
}
#intro .info .right{
  color: #000;
 
}
#intro .info .right:before{
  border-radius: 80px 0 0 0;
}
.wc-block-cart__submit-container a, #mainWrapper .wc-block-components-checkout-place-order-button
{
  position: relative;
  color: #fff;
  line-height: 1;
  min-width: 7.25em;
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.0142857142857143em;
  margin: 1.428571428571429em 0.9375em 1.428571428571429em 0;
  background: #000;
  padding: 14.5px 1.25em;
  border: 1px solid hwb(240 51% 49%);
  border-radius: 2.142857142857143em;
  cursor: pointer;
  text-align: center;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.woocommerce-store-notice__dismiss-link{
  display: none;
}
body .woocommerce-store-notice
{
  background: #0664e3
}
#header{
  padding-top: 40px;
}
.wp-block-gallery{
  max-width: 1200px;
  padding-left: 50px;
  padding-right: 50px;
  margin: auto;
}
#footer .logo img{
  max-height: 70px;
}
#header .logo img{
  width: 10.24em;
}
.woocommerce div.product form.cart .button{
  background: #000;
}
.testimonial blockquote {
  background: #f9f9f9;
  border-radius: 8px;
  padding: 2rem;
  font-style: italic;
  position: relative;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.testimonial footer {
  margin-top: 1rem;
  font-weight: bold;
  font-style: normal;
  text-align: right;
}
.swiper-button-next, .swiper-button-prev{
  color:#000;
}
/* ===========================
   WooCommerce: Better Selects
   - Styles native <select> and Select2 (used by WooCommerce)
   - Accessible focus states, disabled/error styles
   - Works in variation forms, checkout, account pages
   =========================== */

:root {
  --wc-select-bg: #fff;
  --wc-select-border: #d0d5dd;
  --wc-select-text: #111;
  --wc-select-radius: 10px;
  --wc-select-height: 44px;
  --wc-select-pad-x: 0.875rem;
  --wc-select-shadow: 0 1px 2px rgba(16,24,40,.06);
  --wc-select-focus: #2563eb;      /* brand-ish blue */
  --wc-select-focus-ring: rgba(37,99,235,.25);
  --wc-select-error: #d93025;
  --wc-select-ok: #16a34a;
}

/* ---------- Base native selects ---------- */
.woocommerce select,
.woocommerce-page select,
.woocommerce .variations select,
.woocommerce .woocommerce-ordering select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: var(--wc-select-height);
  line-height: var(--wc-select-height);
  padding: 0 var(--wc-select-pad-x);
  padding-right: 2.5rem; /* room for chevron */
  border: 1px solid var(--wc-select-border);
  border-radius: var(--wc-select-radius);
  background:
    linear-gradient(var(--wc-select-bg), var(--wc-select-bg)) padding-box,
    url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .8rem center / 16px 16px;
  color: var(--wc-select-text);
  box-shadow: var(--wc-select-shadow);
  background-color: var(--wc-select-bg);
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

/* Hover & Focus */
.woocommerce select:hover,
.woocommerce-page select:hover {
  border-color: #b8bec7;
}

.woocommerce select:focus,
.woocommerce-page select:focus {
  outline: none;
  border-color: var(--wc-select-focus);
  box-shadow:
    0 0 0 1px var(--wc-select-focus),
    0 0 0 6px var(--wc-select-focus-ring);
}

/* Disabled */
.woocommerce select:disabled {
  opacity: .6;
  cursor: not-allowed;
}

/* Error / Valid states from Woo validation */
.woocommerce-invalid select,
.woocommerce-invalid .select2-selection--single,
.woocommerce-invalid .select2-selection--multiple {
  border-color: var(--wc-select-error) !important;
  box-shadow: 0 0 0 1px var(--wc-select-error), 0 0 0 6px rgba(217,48,37,.15);
}

.woocommerce-validated select,
.woocommerce-validated .select2-selection--single,
.woocommerce-validated .select2-selection--multiple {
  border-color: var(--wc-select-ok) !important;
}

/* ---------- Select2 (WooCommerce enhances many selects) ---------- */
.woocommerce .select2-container .select2-selection--single,
.woocommerce .select2-container .select2-selection--multiple {
  height: var(--wc-select-height);
  min-height: var(--wc-select-height);
  border: 1px solid var(--wc-select-border);
  border-radius: var(--wc-select-radius);
  box-shadow: var(--wc-select-shadow);
  background-color: var(--wc-select-bg);
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: calc(var(--wc-select-height) - 2px);
  padding-left: var(--wc-select-pad-x);
  padding-right: 2.5rem;
  color: var(--wc-select-text);
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 2rem;
  height: 100%;
  right: .25rem;
  top: 0;
  background:
    url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
}

.woocommerce .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  min-height: calc(var(--wc-select-height) - 2px);
  padding: 4px var(--wc-select-pad-x);
  gap: 6px;
}

.woocommerce .select2-container--default .select2-selection--single:focus,
.woocommerce .select2-container--default .select2-selection--multiple:focus {
  outline: none;
}

.woocommerce .select2-container--open .select2-selection--single,
.woocommerce .select2-container--open .select2-selection--multiple {
  border-color: var(--wc-select-focus);
  box-shadow:
    0 0 0 1px var(--wc-select-focus),
    0 0 0 6px var(--wc-select-focus-ring);
}

/* Dropdown menu */
.woocommerce .select2-dropdown {
  border: 1px solid var(--wc-select-border);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(16,24,40,.14);
  overflow: hidden;
}

.woocommerce .select2-results__option {
  padding: .6rem .8rem;
  font-size: .95rem;
}

.woocommerce .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #eef2ff; /* subtle */
  color: #111;
}

.woocommerce .select2-container--default .select2-results__option[aria-selected="true"] {
  background: #e6f4ea;
  color: #111;
}

/* Placeholder colour */
.woocommerce .select2-container--default .select2-selection__placeholder {
  color: #6b7280;
}

/* Clear (x) button in Select2 */
.woocommerce .select2-container--default .select2-selection__clear {
  color: #6b7280;
  margin-right: .25rem;
}

/* ---------- Variation tables & tight spaces ---------- */
.woocommerce div.product form.cart .variations select {
  width: 100%;
  max-width: 100%;
}
#watch .linkBtn{
  display:inline-block;
}
#watch .linkBtn:nth-of-type(2){
  background:#fff;
  border:solid black 3px;
  color:black;
}
#content .section.fullContainer{
  padding: 0;
}
#intro{
  padding-top: 800px;
}
.woocommerce-product-details__short-description{
  box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.22);
  padding:20px;
  border-radius: 20px;
  margin-bottom: 20px;
}
#header .options .btns a.shop
{
  padding:3.5px 20px 3.5px 20px;
}
/* ---------- Dark mode (optional, auto) ---------- */
@media (prefers-color-scheme: dark) {
  :root {
    --wc-select-bg: #0f1115;
    --wc-select-border: #2a2f3a;
    --wc-select-text: #f3f4f6;
    --wc-select-focus-ring: rgba(99,102,241,.3);
  }
  .woocommerce select,
  .woocommerce .select2-container .select2-selection--single,
  .woocommerce .select2-container .select2-selection--multiple {
    color: var(--wc-select-text);
    border-color: var(--wc-select-border);
    background-color: var(--wc-select-bg);
  }
  .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23f3f4f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .woocommerce .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #1f2937;
    color: #f3f4f6;
  }
  .woocommerce .select2-container--default .select2-results__option[aria-selected="true"] {
    background: #0f2e18;
    color: #f3f4f6;
  }
}

/* ---------- Motion sensitivity ---------- */
@media (prefers-reduced-motion: reduce) {
  .woocommerce select,
  .woocommerce .select2-container .select2-selection--single,
  .woocommerce .select2-container .select2-selection--multiple {
    transition: none;
  }
}
@media only screen and (max-width : 767px){
  #footer .links {
  display: block;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  }
  .imageText .image {
    width: 80%;
  }
  #header .options .btns{
    justify-content: center;
  }
  #header .options .btns a{
    margin:10px 5px;
  }
  .wp-block-woocommerce-cart, body .wc-block-checkout{
    padding:10px;
  }
}