@import url(https://fonts.googleapis.com/css?family=Questrial);
 @import url(https://fonts.googleapis.com/css?family=Permanent+Marker);
 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

body {
background-color: floralWhite;
}
ol,ul {
  list-style:none;
}
.wrapper {
position: relative; 
}
img {
width: 100%;  
}
header {
padding-bottom: 28em;  
}

section {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 36%, rgba(255,250,240,1) 66%, rgba(255,250,240,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(36%, rgba(246,246,246,1)), color-stop(66%, rgba(255,250,240,1)), color-stop(100%, rgba(255,250,240,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 36%, rgba(255,250,240,1) 66%, rgba(255,250,240,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 36%, rgba(255,250,240,1) 66%, rgba(255,250,240,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 36%, rgba(255,250,240,1) 66%, rgba(255,250,240,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 36%, rgba(255,250,240,1) 66%, rgba(255,250,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffaf0', GradientType=0 );

}

#home {
background-color: rgba(255,255,255,0.9);
border-radius: 4px;  
}

#popup {
background-color: white;
font-family: 'Permanent Marker', cursive;
position: absolute;
top: 10%;
left: 50%;
z-index: 10;
width: calc(100% - 35%);
text-align: center;
-webkit-transform: translateX(-50%);
-moz-transform:transform: translateX(-50%);
transform: translateX(-50%);
}

#services {
background-color: rgba(255,255,255,0.9);
border-radius: 4px;  
}
#team {
background-color: rgba(255,255,255,0.9);
border-radius: 4px;   
}
#food {
background-color: rgba(255,255,255,0.9);
border-radius: 4px;  
}
#contacts {
background-color: rgba(255,255,255,0.9);
border-radius: 4px;  
}
footer { 
font-size: 0.8em;
text-align: center;
border-radius: 4px;  
}




/* Bootstrap Mods */
nav.navbar {

}
.nav > li > a:hover,
.nav > li > a:focus {
background: url('../images/icons/circle.png') no-repeat;
background-size: 100% 100%;
}
.navbar-brand a:hover {
  text-decoration: none;
} 
.navbar-toggle {
  background-color: lightGrey;
}
.icon-bar {
  background-color: black;
}
/*END Bootstrap MOds */

/* %%%%%%%%%%%%%%%%%%%%% GA Grid layout Custom styles %%%%%%%%%%%%%%%%% */

.custom_columns_2 {
-webkit-columns: 2 260px;
-moz-columns: 2 260px;
columns: 2 260px;
-webkit-column-gap: 1.5em;
-moz-column-gap: 1.5em;
column-gap: 1.5em;
-webkit-column-rule: 1pt dotted pink;
-moz-column-rule: 1pt dotted pink;
column-rule: 1pt dotted pink;
}
.custom_columns_2 h1, h2, h3 {
-webkit-column-span: all; 
column-span: all; 
}
.custom_columns_3 {
-webkit-columns: 3 200px;
-moz-columns: 3 200px;
columns: 3 200px;
-webkit-column-gap: 1.5em;
-moz-column-gap: 1.5em;
column-gap: 1.5em;
-webkit-column-rule: 1pt dotted rgba(51,51,51,0.2);
-moz-column-rule: 1pt dotted rgba(51,51,51,0.2);
column-rule: 1pt dotted rgba(51,51,51,0.2);
}
.custom_columns_3 h1, h2, h3 {
-webkit-column-span: all; 
column-span: all; 
}
/* %%%%%%%%%%%%%%%%%%%%% END  GA Grid layout Custom styles %%%%%%%%%%%%%%%%% */

/* GA Personal Mods */

.circle { 
padding: 0.5% 1%;  
background: url('../images/icons/circle.png') no-repeat;
background-size: 100% 100%;
}
.for_sale {
font-size: 1.4em;
font-family: 'Permanent Marker', cursive; 
}
#logo a {
text-decoration: none;  
}
.padgas_font {
margin: 0;
padding: 0;  
font-family: 'Permanent Marker', cursive;
color: rgba(25,61,106,1); /* This is the blue for the logo */
font-size: 2em;
font-weight: 500;
text-transform: lowercase;
letter-spacing:  0.05em;
}


hr {            /* https://css-tricks.com/examples/hrs/ */
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(220,20,60, 0.2), rgba(0, 0, 0, 0));
}

.visitorcounter {
background:;
color: rgba(220, 20, 60, 1.0);
color: crimson;
}
 
.border {
  border: 1px solid #555;
}
.border_top {
  border-top: 1px dotted rgba(91,91,91,0.2);  
}
.border_bottom {
  border-bottom: 1px dotted rgba(91,91,91,0.2);  
}
.border_left {
  border-left: 1px dotted rgba(91,91,91,0.2);  
}
.border_right {
  border-right: 1px dotted rgba(91,91,91,0.2);  
}

.transparency {
  background:#7f7f7f;
  background:rgba(255,255,255,0.8)
}

.border-temp {
border: solid 2px green;
}
.bg-red {
  background: rgba(131,14,22,1); /* Tina hex codes */
}
.bg-grey {
    background: grey;
}

.bg-green {
    background: #34cb48; /* Tina hex codes */
}

.bg-yellow {
    background: #ffff00; /* Tina hex codes */
}
.bg-black {
    background: black;
}
.bg-blue {
    background: #0000ff; /* Tina hex codes */
}
.bg-pink {
    background: pink;
}
.bg-orange {
    background: orange;
}
.bg-gold {
background-color: #FFEEB5;
/* For WebKit (Safari, Chrome, etc) */
background: #FFEEB5 -webkit-gradient(linear, left top, left bottom, from(#AE8913), to(#FFEEB5)) no-repeat;
/* Mozilla,Firefox/Gecko */
background: #FFEEB5 -moz-linear-gradient(top, #AE8913, #FFEEB5) no-repeat;
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#FFEEB5) no-repeat;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#AE8913)" no-repeat;
}


/*################### Tinted Backgrounds #######################*/

.tint1 {
  box-shadow: inset 10000px 0 0 rgba(255, 255, 255, 0.1);
}

.tint2 {
  box-shadow: inset 10000px 0 0 rgba(255, 255, 255, 0.2);
}

.tint3 {
  box-shadow: inset 10000px 0 0 rgba(255, 255, 255, 0.3);
}

.tint4 {
  box-shadow: inset 10000px 0 0 rgba(255, 255, 255, 0.4);
}

/*########### MEDIA QUERy ###############*/

/* General meadia query setting */
@media only screen and (max-width : 600px) { 
h1 {
  font-size: 1.5em;  
}
.padgas_font {
  font-size: 1.5em;
}
} /* END 320px */

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) { 

} /* END 320px */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px)and (max-device-width : 480px) {

} /* END Smartphones (portrait and landscape) ----------- */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 360px)and (max-device-width : 640px) {

} /* END Smartphones (portrait and landscape) ----------- */

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

} /* END   iPhone 4 ----------- */

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px)and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px)and (max-device-width : 1024px)and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px)and (max-device-width : 1024px)and (orientation : portrait) {

}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {

}
/* ###########################End media queries  #################### */