/* CSS tests 2020-01 crowsnestvineyards.com */

.CrowTitle1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1920px;
  height: 4908px;
  z-index: 149;
}

.header_Crowsnest_Vineyards {
  font-size: 2em;
  font-family: "Philosopher";
  color: rgb(54, 54, 54);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: justify;
  margin-top: 0px;
}

.crowbox1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  
}
.crowbox2 {
  margin-top: 0px;
  padding-top: 0px;
  font-size: 2em;
  font-family: "Philosopher";
  color: rgb(54, 54, 54);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: justify;

}

.crowbox3 {
  margin-top: 5px;
  padding-top: 0px;
  font-size: 1.25em;
  font-family: "Roboto";
  color: rgb(54, 54, 54);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: justify;

}

p{
 font-size: 1.25em;

}

.main {
padding: 15px;
margin: 10px;
}

.welcometxt {
    font-size: 2rem;
    font-family: "Philosopher";
    color: rgb(0,0,0);
    line-height: 1.857;
    text-align: center;
    
  }

  .welcometxt h2 {
    font-size: 2rem;
    padding: 15px;
  }
  
  .welcome_script {
    font-family: 'Pinyon Script', cursive;
     color: rgb(168, 100, 134);
    line-height: 1;
    text-align: center;
  }
  
  .welcome_script h1 {
    font-size: 36px;
  }

  .welcome_script h2 {
      font-size: 24px;
  }
  
  .welcome_script h3 {
    font-size: 20px;
}


/*  crowgrid  bs4 grid configuration */

.crowgrid1 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.crowgrid1  h3 {
  margin-top: 2rem;
}

.crowgrid1 .row {
  margin-bottom: 1rem;
}
.crowgrid1 .row .row {
  margin-top: 1rem;
  margin-bottom: 0;
}
.crowgrid1 [class*="col-"] {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: rgba(86, 61, 124, .15);
  border: 1px solid rgba(86, 61, 124, .2);
}

.crowgrid1 hr {
  margin-top: 3rem;
  margin-bottom: 3rem;
}



/* harvested from Aboutpage css */


/* Global Styles */

body {
	margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  padding-top: 0px;
  width: 100%;
  max-width:100%;
  }
/* Header */
header {
  text-align: center;
  margin-top: 0em;
	display: block;
}
header .profileLogo .logoPlaceholder {
	background-color: rgba(256,256,256,1.00);
	width: 187px;
	text-align: center;
}

header .profilePhoto {
	background-color: rgba(256,256,256,1.00);
	width: 333px;
	border-radius: 75%;
	height: 333px;
	clear: both;
}
header .profileHeader h1 {
  font-size: 30px;
  font-family: "Philosopher";
  color: rgb(137, 137, 137);
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
	text-align: center;
  line-height: 1.6;
}



header .profileHeaderTxt {
  font-size: 16px;
  font-family: "Philosopher";
  color: rgb(137, 137, 137);
  line-height: 1.625;
    text-align: justify; 
 }


header .profileLogo .logoPlaceholder h1 {
  font-size: 30px;
  font-family: "Philosopher";
  color: rgb(12, 7, 246);
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  line-height: 1.6;
}


header .profileHeader h3 {
  font-size: 18px;
  font-family: "Philosopher";
  color: rgb(137, 137, 137);
  text-transform: uppercase;
	text-align: center;
}

hr {
	background-color: rgba(208,207,207,1.00);
	height: 1px;
}
header .profileHeader p {
	font-family: "Philosopher";
	color: rgba(146,146,146,1.00);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	overflow-y: auto;
}




header .socialNetworkNavBar {
	text-align: center;
	display: block;
	/* padding-top: 30px; */
	clear: both;
}
header .socialNetworkNavBar .socialNetworkNav {
	border-radius: 50%;
	cursor: pointer;
}
header .socialNetworkNavBar .socialNetworkNav img:hover {
	opacity: 0.5;
}
/* Main Content sections */
.mainContent .section1 {
  display: block;
  padding: 10px;
}
.section1 .sectionTitle, .section2 .sectionTitle {
  font-family: "Philosopher";
  color: rgb(0, 0, 0);
	font-size: 2em;
	font-weight: 700;
  text-transform: uppercase;
  padding: 15px;
}

.section1 p {
  color: rgb(0, 0, 0);
  font-size: 1.25em;
}

.menu_item {
  margin: 10px;
  padding: 10px;
}

.section1 .sectionTitleRule, .section2 .sectionTitleRule {
	margin: 0 3% 0 0;
	float: left;
	clear: both;
}
.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {
	background-color: rgba(208,207,207,1.00);
	height: 1px;
	padding: 0px;
}
.mainContent .section1 .section1Content {
	font-family: ProximaNova;
	font-size: 1.5em;
	font-weight: 100;
	color: rgba(208,207,207,1.00);
}
.mainContent .section1 .section1Content span {
	color: rgba(0,0,0,1.00);
	font-family: "Philosopher";
}
.section2 .sectionContentTitle {
	font-family: "Philosopher";
	color: rgba(0,0,0,1.00);
	font-size: 2em;
	font-weight: 900;
}
.section2 .sectionContentSubTitle {
	font-family: "Philosopher";
	color: rgba(0,0,0,1.00);
	font-size: 1.5em;
	font-weight: 700;
}
.section2 .sectionContent {
	font-family: "Philosopher";
	color: rgba(0,0,0,1.00);
	font-size:1.5em;
	font-weight: 400;
	line-height: 1.8;
}
.mainContent {
  display: block;
  padding: 10px;
}
.mainContent .externalResourcesNav .externalResources {
	background-color: rgba(208,207,207,1.00);
	display: inline-block;
	text-align: center;
	margin-top: 0px;
	padding-top: 3%;
	cursor: pointer;
}
.mainContent .externalResourcesNav .externalResources:hover {
	background-color: rgba(153,153,153,1.00);
}
.externalResourcesNav .externalResources a {
	font-family: 'Montserrat', sans-serif;
	color: rgba(255,255,255,1.00);
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	text-decoration: none;
}
.stretch {
	content: '';
	display: inline-block;
	margin-left: 2%;
	margin-right: 2%;
}
/* Footer */
.footer  {
  background-color: #000000;
}
.footer  a:link {
    color: #ffbc32;
    background-color: transparent;
    text-decoration: none;
  }
  
  .footer  a:visited {
    color: orangered;
    background-color: transparent;
    text-decoration: none;
  }
  
  .footer  a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
  }
  
  .footer   a:active {
    color: blue;
    background-color: transparent;
    text-decoration: underline;
  }


footer .footerDisclaimer {
	font-family: "Philosopher";
	font-size: 16px;
	line-height: 18px;
	color: rgba(104,103,103,1.00);
	font-weight: 700;
}
footer .footerDisclaimer span {
	color: rgba(181,178,178,1.00);
	font-weight: 400;
}
footer .footerNote {
	font-family: "Philosopher";
	font-size: 16px;
	line-height: 18px;
	color: rgba(104,103,103,1.00);
	font-weight: 700;
}
footer .footerNote span {
	color: rgba(181,178,178,1.00);
	font-weight: 400;
}

/* Media query for Mobile devices*/
@media only screen and (min-width : 285px) and (max-width : 480px) {
/* Header */
header {
	width: 100%;
	float: none;
}
header .profileLogo .logoPlaceholder {
	display: inline-block;
}

h1 .profileLogo .logoPlaceholder {
	 font-size: 30px;
  font-family: "Philosopher";
  color: rgb(137, 137, 137);
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  line-height: 1.6;
	}
	
header .profilePhoto {
	display: inline-block;
}
header .profileHeader {
	text-align: center;
	margin-top: 0%;
}
header .profileHeader p {
	text-align: justify;
}
header .socialNetworkNavBar {
	text-align: center;
	display: block;
	margin-top: 60px;
	clear: both;
	margin-bottom: 15%;
}
header .socialNetworkNavBar .socialNetworkNav {
	width: 60px;
	height: 60px;
	display: inline-block;
	margin-right: 23px;
}
/* Main content sections */
.mainContent .section1 {
	text-align: center;
	margin-bottom: 10%;
}
.section1 .section1Title, .section2 .section1Title {
	text-align: center;
}
.section1 .sectionTitleRule, .section2 .sectionTitleRule {
	width: 100%;
}
.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {
	display: none;
}
.mainContent .section1 .section1Content {
	display: inline-block;
	text-align: left;
	font-family: "Philosopher";
	text-align: justify;
}
.mainContent .section2 {
	display: block;
	text-align: center;
}
.section2 .section2Content {
	margin-top: 10%;
	text-align: justify;
	margin-bottom: 10%;
}
.mainContent .externalResourcesNav {
	margin-bottom: 10%;
}
.mainContent .externalResourcesNav .externalResources {
	width: 100%;
	height: 35px;
}
/* Footer */
footer {
	display: block;
	text-align: center;
	font-family: "Philosopher";
}
}

/* Media Query for Tablets */
@media only screen and (min-width : 481px) and (max-width : 1024px) {
/* Header */
header {
	width: 100%;
	float: none;
}
header .profileLogo .logoPlaceholder {
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
}
header .profilePhoto {
	float: left;
	clear: both;
	margin-right: 3%;
	margin-top: 5%;
}
header .profileHeader {
	text-align: left;
	margin-top: 7%;
}
header .socialNetworkNavBar .socialNetworkNav {
	width: 74px;
	height: 74px;
	display: inline-block;
	margin-right: 23px;
}
/* Main content and sections */
.section1 .section1Title, .section2 .section1Title {
	text-align: center;
}
.section1 .sectionTitleRule, .section2 .sectionTitleRule {
	width: 100%;
}
.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {
	display: none;
}
.mainContent .section1 .section1Content {
	display: block;
	margin: 0% 0% 0% 20%;
  font-family: "Philosopher";
  font-size: 2em;
	margin-top: 5%;
	margin-bottom: 5%;
}
.mainContent .section2 {
	clear: both;
}
.section2 .section2Content {
	padding: 0px;
	margin-left: 20%;
	font-family: "Philosopher";
	margin-top: 5%;
	margin-bottom: 5%;
}
.mainContent .externalResourcesNav {
	margin-left: 20%;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	padding-top: 0px;
	clear: both;
}
.mainContent .externalResourcesNav .externalResources {
	width: 199px;
	height: 48px;
	margin-top: 5%;
}
/* Footer */
footer .footerDisclaimer {
	float: left;
	margin-left: 3%;
	font-family: "Philosopher";
}
footer .footerNote {
	float: right;
	margin-right: 3%;
	font-family: "Philosopher";
}
}

/* Desktops and laptops  */
@media only screen and (min-width:1025px) {
/* Header */
header .profileLogo .logoPlaceholder {
	float: left;
	margin-bottom: 10px;
}
header .profilePhoto {
	float: left;
	clear: both;
	margin-right: 3%;
}
header .profileHeader {
	text-align: left;
	padding-top: 10%;
}
header .socialNetworkNavBar .socialNetworkNav {
	width: 74px;
	height: 74px;
	display: inline-block;
	margin-right: 23px;
}
/* Main content sections */
.section1 .sectionTitleRule, .section2 .sectionTitleRule {
	width: 22.5%;
}
.mainContent .section1 .section1Content {
	display: block;
	margin-top: 0%;
	margin-right: 0%;
	margin-left: 26%;
	margin-bottom: 0%;
	font-family: "Philosopher";
}
.mainContent .section2 {
	clear: both;
}
.section2 .section2Content {
	padding: 0px;
	margin-left: 26%;
	font-family: "Philosopher";
}
.mainContent .externalResourcesNav {
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	padding-top: 0px;
	clear: both;
}
.mainContent .externalResourcesNav .externalResources {
	width: 199px;
	height: 48px;
}
/* Footer */
footer .footerDisclaimer {
	float: left;
	margin-left: 3%;
	font-family: "Philosopher";
}
footer .footerNote {
	font-family: "Philosopher";
}
}

/*
// end about page css 


// bootstrap 4 .navbar  view-source:https://getbootstrap.com/docs/4.1/examples/sticky-footer-navbar/
// Contents
//
// Navbar
// Navbar brand
// Navbar nav
// Navbar text
// Navbar divider
// Responsive navbar
// Navbar position
// Navbar themes


// Navbar
//
// Provide a static navbar from which we expand to create full-width, fixed, and
// other navbar variations. */

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap; /*// allow us to do the line break for collapsing content */
  align-items: center;
  justify-content: space-between; /* // space out brand from logo */
  padding: 5px;
  padding-top: 0px;
  margin-top: 0px;

  /*  Because flex properties aren't inherited, we need to redeclare these first */
  /*  few properties so that content nested within behave properly. */
   .container,
   .container-fluid {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
  }


/*
// Navbar brand
//
// Used for brand, project, or site names.  */

.navbar-brand {
  display: inline-block;
  padding-top: $navbar-brand-padding-y;
  padding-bottom: $navbar-brand-padding-y;
  margin-right: $navbar-padding-x;
  font-size: $navbar-brand-font-size;
  line-height: inherit;
  white-space: nowrap;


  @include hover-focus {
    text-decoration: none;
  }
}
/*
// Navbar nav
//
// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`). */

.navbar-nav {
  display: flex;
  flex-direction: column; /* // cannot use `inherit` to get the `.navbar`s value */
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

  .nav-link {
    padding-right: 0;
    padding-left: 0;
  }

  .dropdown-menu {
    position: static;
    float: none;
  }



/* // Navbar text
//
// */

.navbar-text {
  display: inline-block;
  padding-top: $nav-link-padding-y;
  padding-bottom: $nav-link-padding-y;
}

/*
// Responsive navbar
//
// Custom styles for responsive collapsing and toggling of navbar contents.
// Powered by the collapse Bootstrap JavaScript plugin.

// When collapsed, prevent the toggleable navbar contents from appearing in
// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
// on the `.navbar` parent.
*/

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
 /* // For always expanded or extra full navbars, ensure content aligns itself
  // properly vertically. Can be easily overridden with flex utilities. */
  align-items: center;
}

/* // Button for toggling the navbar when in its collapsed state */
.navbar-toggler {
  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
  font-size: $navbar-toggler-font-size;
  line-height: 1;
  background-color: transparent; /* // remove default button style */
  border: $border-width solid transparent; /* // remove default button style */
  @include border-radius($navbar-toggler-border-radius);

  @include hover-focus {
    text-decoration: none;
  }

  /* // Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements */
  &:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
}

/* // Keep as a separate element so folks can easily override it with another icon
// or image file as needed. */
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

/* // Generate series of `.navbar-expand-*` responsive classes for configuring
// where your navbar collapses. */
.navbar-expand {
  @each $breakpoint in map-keys($grid-breakpoints) {
    $next: breakpoint-next($breakpoint, $grid-breakpoints);
    $infix: breakpoint-infix($next, $grid-breakpoints);

    &#{$infix} {
      @include media-breakpoint-down($breakpoint) {
        > .container,
        > .container-fluid {
          padding-right: 0;
          padding-left: 0;
        }
      }

      @include media-breakpoint-up($next) {
        flex-flow: row nowrap;
        justify-content: flex-start;

        .navbar-nav {
          flex-direction: row;

          .dropdown-menu {
            position: absolute;
          }

          .nav-link {
            padding-right: $navbar-nav-link-padding-x;
            padding-left: $navbar-nav-link-padding-x;
          }
        
        }

        /* // For nesting containers, have to redeclare for alignment purposes */
        > .container,
        > .container-fluid {
          flex-wrap: nowrap;
        }

        .navbar-collapse {
          display: flex !important;  /* // stylelint-disable-line declaration-no-important */

          /*  // Changes flex-bases to auto because of an IE10 bug */
          flex-basis: auto;
        }

        .navbar-toggler {
          display: none;
        }
      }
    }
  }
}


/*  Navbar themes

 Styles for switching between navbars with light or dark background.

 Dark links against a light background  */
.navbar-light {
  .navbar-brand {
    color: $navbar-light-active-color;

    @include hover-focus {
      color: $navbar-light-active-color;
    }
  }

  .navbar-nav {
    .nav-link {
      color: $navbar-light-color;

      @include hover-focus {
        color: $navbar-light-hover-color;
      }

      &.disabled {
        color: $navbar-light-disabled-color;
      }
    }

    .show > .nav-link,
    .active > .nav-link,
    .nav-link.show,
    .nav-link.active {
      color: $navbar-light-active-color;
    }
  }

  .navbar-toggler {
    color: $navbar-light-color;
    border-color: $navbar-light-toggler-border-color;
  }

  .navbar-toggler-icon {
    background-image: $navbar-light-toggler-icon-bg;
  }

  .navbar-text {
    color: $navbar-light-color;
    a {
      color: $navbar-light-active-color;

      @include hover-focus {
        color: $navbar-light-active-color;
      }
    }
  }
}

/* // White links against a dark background  */
.navbar-dark {
  .navbar-brand {
    color: $navbar-dark-active-color;

    @include hover-focus {
      color: $navbar-dark-active-color;
    }
  }

  .navbar-nav {
    .nav-link {
      color: $navbar-dark-color;

      @include hover-focus {
        color: $navbar-dark-hover-color;
      }

      &.disabled {
        color: $navbar-dark-disabled-color;
      }
    }

    .show > .nav-link,
    .active > .nav-link,
    .nav-link.show,
    .nav-link.active {
      color: $navbar-dark-active-color;
    }
  }

  .navbar-toggler {
    color: $navbar-dark-color;
    border-color: $navbar-dark-toggler-border-color;
  }

  .navbar-toggler-icon {
    background-image: $navbar-dark-toggler-icon-bg;
  }

  .navbar-text {
    color: $navbar-dark-color;
    a {
      color: $navbar-dark-active-color;

      @include hover-focus {
        color: $navbar-dark-active-color;
      }
    }
  }
}