/* my-styles CSS  */



/* {
	border: red solid 1px;
}
*/


/*  GENERAL */ 

body {
	max-width: 960px;
	margin: auto;
	padding-top: 50px;
	background: #FFFFF0;
}


.header {
	text-align: center;
}

.page {
	padding-bottom: 100px;
	
}

.bordered-row {
	border-top: solid 1px #4B0082;
}

.workshop-list,
.contact-list {
	padding-top: 20px;;
}


/* TYPOGRAPHY */
	
h1, h2 {
	font-family: 'Bree Serif', serif;
	color: #4B0082;
	text-align: center;
}

h2 {
	font-weight: 300;
	font-size: 2.5em;
	text-align: left;
}

.logo-phrase {
	color: #DC143C;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3em;
	line-height: 160%;
	text-align: justify;
	color: #696969;
}

/* LINKS */

.link {
	color: green;
	font-size: .9em;
	transition-duration: 0.3s;
}

.link:hover {
	color: #4B0082;
	text-decoration: none;
}

#footer-link {
	color: #FFD700;
	transition-duration: 0.3s;
}

#footer-link:hover {
	color: #FFAFA0;
}


.source {
	font-size: 0.9em;
	text-align: right;
}


/* NAVBAR  */

.navbar-brand {
	margin-top: -15px;
	margin-left: -10px;
}

.navbar-custom {
    background-color: #4B0082; 
}

.navbar-custom .navbar-nav > li > a {
	font-size: 1.3em;
    color: #FFD700;
}


.navbar-custom .navbar-nav > .active > a, 
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus {
    color: #FFFAF0;
    font-weight: 600;
    background-color: transparent;
    
}

.navbar-custom .navbar-brand {
    color: #eeeeee;
}

.navbar-custom .navbar-toggle {
	background-color: #FFD700;
	}

/* NAVBAR HOVERS */

/* navbar-nav hover */
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    background-color: #4B0082;
    color: #FFFAF0;
      text-shadow: 1px 1px #4B0082; 
    
}

/* navbar toggle hover */
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
   /*  background-color: #FFD700; */
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #4B0082;
}

/* Navbar Art Gallery Dropdown */
 .navbar-custom .navbar-nav .open .dropdown-menu > li > a,
 .navbar-custom .navbar-nav .open .dropdown-menu {
    background-color: #4B0082;
    color: #FFD700;
    font-size: 1.1em;
    
}


/* Navbar Art Gallery Toggle Mobile Dropdown */
 .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
 .navbar-custom .navbar-nav .open .dropdown-menu:focus {
    color: #FFFAF0;
    text-shadow: 1px 1px #4B0082; 
}



/* HOMEPAGE SHOUTOUT */



.homepage-shoutout {
	position: relative;		
}


.home-jumbo-text {
	color: white;	
	font-size: 30px;
	font-family: 'Bree Serif', serif;
	text-shadow: 3px 3px blue;
	text-align: center;
	position: absolute;
	top: 40%;
	left: 25%;
	transform: translate (-50%, -50%)
}


/* IMAGES */

.main-pic {
	margin-top: 40px;
	width: 100%;
	border-radius: 20px;
}


#homepage-pic {
	margin-top: 40px;
	width: 100%;
	border: solid 3px #FFD700;
	border-radius: 50%;
}


#workshop-pic {
	width: 50%;
	float: right;
	border-radius: 20px;
	margin: 10px 0px 10px 20px;
}

#napkin-pic {
	width: 30%;
	float: right;
	border-radius: 20px;
	margin: 10px 0px 10px 20px;
}


.thumb {
	height: 250px;
	margin: 20px;
	border: solid #E6E6FA 5px;
	border-radius: 10px;
	
}

#jumbo-home-pic {
	width: 100%;
	height: 250px;
}

.jumbo-pic-main {
	width: 100%;
	height: 250px;
	padding: 0;
}

.jumbo-pic {
	border-radius:20px;
	width: 100%;
	height: 250px;
}

.art-pic {
	margin-top: 2%;
	width: 95%;
}

.art-pic-border-50 {
	width: 95%;
	border-radius: 50%;
	margin-bottom: 20px;
}

.pic-info {
	text-align: center;
	color: #4B0082
}

.pic-info-workshop-list {
	text-align: left;
	color: #4B0082
}

/* FOOTER */

.footer {
	margin-top: 20px;
	height: 150px;
	background: #4B0082;
   
}

.footer p {
	text-align: right;
	padding-top: 30px;
	padding-right: 10px; 
	font-size: 1.1em;
	color: #FFFAF0;
}



/* MEDIA QUERIES */

/* Portrait and Landscape */
@media (max-width: 700px) {

	h1, h2 {
		text-align: center;
	}
  	.thumb {
  		width: 80%;
  		height: 80%;
  	}
  	#workshop-pic {
  		width: 100%;
  		margin: 0;
  	}
  	#napkin-pic {
  		width: 100%;
  		margin: 0;
  	}
  	.jumbo-pic {
  		height: 200px;
  		padding: 10px;
  	}
  	.footer p {
  		text-align: center;
  	}
}


  	
/* Navbar Media Queries */}

@media all and (min-width: 768px) {
  .navbar-fixed-width {
    width: 768px;
    margin-left: auto;
    margin-right:auto;
 }
}

@media all and (min-width: 992px) {
  .navbar-fixed-width {
    width: 992px;
    margin-left: auto;
    margin-right:auto;
  }
}

@media all and (min-width: 960px) {
  .navbar-fixed-width {
    width: 960px;
    margin-left: auto;
    margin-right:auto;
  }
}