body
{
	font-family: Montserrat;
	color: #00736E;
}
a
{
	color: #00736E;
}
.text-white a
{
	color: #d1b395;
}
a:hover
{
    color: #55A29E;
    text-decoration: underline;
}
.altcolor, .altcolor a
{
	color: #F3CB34 !important;
}
.text-white a:hover
{
	color: white;
}
h1, h2, h3, h4, h5
{
	color: #00736E;
	font-weight: 700;
}
h3
{
	font-size: 1.8rem;
}
h4
{
	font-size: 1.5rem;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover
{
    color: #218C87;
    text-decoration: none;
}
.container-xxl
{
	max-width: 1270px;
}
.container-sm
{
	max-width: 880px;
}
.container-md
{
	max-width: 1000px;
}
hr
{
	border-color: #B7D8D6;
}
strong
{
	color: #00736E;
}
.alt-background
{
	background-color: #F1F5F6;
}
main
{
	padding-top: 3rem;
	padding-bottom: 6rem;
}
.font-smaller
{
	font-size: .9rem; 
	font-weight: 500;	
}
.font-normal
{
	font-size: 1rem;
}
.font-bigger
{
	font-size: 1.3rem;
}
.cursor-help
{
	cursor: help;
}
.bolder-font
{
	font-size: .9rem; 
	font-weight: 600;	
}
.fill-height
{ 
    min-height: 100%;
    height: 100%;
}
#page-header
{
	background-color: #000;
	background: url('../../img/2020/huanchaco2.jpg'); /*linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), */
	xxxbackground: url('../../img/2020/machu_picchu.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	xxxbackground-color: rgba(0,0,0,.25);
	transition: background 0.5s linear;
}
#navbar-main
{
	max-width: 100%;
}
.navbar-brand img
{
	max-height: 64px;
	max-width: 254px;
}
.navbar
{
	padding: 0;
}
.navbar-collapse .row
{
	width: 110%
}
#page-headercontent .navbar-light .navbar-toggler
{
    padding: .6rem .6rem;
    font-size: 1rem;
	border-color: #E5F1F0;
	outline: none;
}
#page-headercontent .navbar-light .navbar-toggler .material-icons
{
	color: #00736E;
	font-weight: 700;
}
#page-headercontent .navbar-light .navbar-toggler .material-icons::before
{
	content: "close";
}
#page-headercontent .navbar-light .navbar-toggler.collapsed .material-icons
{
	color: white;
}
body.light-mode #page-headercontent .navbar-light .navbar-toggler.collapsed .material-icons
{
	color: #00736E;
}
#page-headercontent .navbar-light .navbar-toggler.collapsed .material-icons::before
{
	content: "menu";
}


.menu-header-open #page-headercontent
{
	background-color: white;
}
.menu-header-open #page-headercontent .dark-logo
{
	display: none;
}
.menu-header-open #page-headercontent .light-logo
{
	display: block;
}

body.light-mode #page-header,
body.light-mode #page-headercontent,
body.light-mode #page-topnav
{
	background: white;
}
body.light-mode .dark-logo, 
body.dark-mode .light-logo
{
	display: none;
}
body.light-mode #page-topnav
{
	border-bottom: 1px solid rgba(241, 245, 246);
}
body.light-mode .your-account-info a
{
	color: #00736E;
	font-weight: 500;
}
body.light-mode .your-account-info .username a
{
	font-weight: 700;
}
body.light-mode #menu-header ul li a
{
	color: #00736E;
	font-weight: 600;
}
body.menu-header-open #page-headercontent #menu-header ul li a
{
	color: #00736E;
}

body.light-mode #menu-header ul li a:hover
{
	color: #F3CB34;
    xxxborder-bottom: 1px solid #00736E;
    text-shadow: 2px 4px 3px rgba(255, 255, 255, 0.3);
}
body.light-mode .language-selection .dropdown .btn
{
	color: #00736E;
}
body.light-mode .language-selection .dropdown-item.active
{
	color: white;
}
body.light-mode #home-carousel-container
{
	background-color: #00736E;
}
body.light-mode #header-search input.form-control-lg::placeholder
{
	color: #A6CECC;
}
body.light-mode #header-search input.form-control-lg,
.menu-header-open #page-headercontent #header-search input.form-control-lg
{
	border-color: #CCE3E2;
	color: #00736E;
}
body.light-mode #header-search input.form-control-lg:focus,
.menu-header-open #page-headercontent #header-search input.form-control-lg:focus
{
	box-shadow: 0 0 0 .2rem rgba(0, 115, 110, 0.1);
}
.menu-header-open #livesearch-results-container
{
    margin-top: -28px;
}
body.light-mode #header-search-button:hover, 
body.light-mode #header-search-button:active, 
body.light-mode #header-search-button:focus
{
    background-color: rgba(204, 227, 226, 0.2);
    box-shadow: none;
}
body.light-mode #header-cart
{
	color: #00736E;
	background-color: #E5F1F0;
}
body.light-mode #header-cart a
{
	color: #00736E;
}

#page-topnav
{
	padding: 0.8rem 0rem 0.8rem 0rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#page-topnav hr
{
	opacity: 80;
}
.your-account-info
{
	color: white;
	height: 100%;
	vertical-align: text-top;
}
.menu-header-open .your-account-info
{
	color: #00736E;
}
.your-account-info a
{
	color: white;
	font-weight: 500;
}
.menu-header-open #navbar-main .your-account-info a
{
	color: #00736E;
}
.your-account-info .username a
{
	font-weight: 700;
}
.your-account-info .dropdown a
{
	color: #00736E;
	font-weight: 400;
}
#page-topnav .language-selection 
{	
	margin-left: 2rem;
}
.language-selection .dropdown .btn.btn-secondary, 
.language-selection .dropdown .btn.btn-secondary:hover, 
.language-selection .dropdown .btn.btn-secondary:focus, 
.language-selection .dropdown .btn.btn-secondary:active
{
	padding: 0;
	background-color: transparent;
	border: none;
	font-size: 1.2rem;
	color: white;
}
.language-selection .dropdown-item
{
	font-weight: 500;
	padding-left: 1rem;
}
.language-selection .dropdown-item.active, 
.language-selection .dropdown-item:active
{
	background-color: #00736E;
	color: white !important;
}
.language-selection .dropdown .dropdown-item img
{
	margin-right: 1rem;
}
#navbar-main .language-selection .dropdown .btn
{
	padding: 0.7rem 1.4rem 0.7rem 1.4rem;
	background-color: #E5F1F0;
	color: #00736E;
}
#page-topnav .dropdown-menu
{
    transform: translate3d(-133px, 28px, 0px) !important;
}
.language-selection .dropdown-menu img
{
	vertical-align: top;
}
.your-account-info .material-icons
{
	color: #F3CB34;
	padding-right: .5rem;
}
#page-headercontent
{
	padding: 1rem;
}
.container-alt
{
	background-color: #F1F5F6;
}
#blockies-container
{
	margin-top: -3rem;
}
#blockies .block-item
{
	background: url('../../img/2020/FullLogoInCyaanCirkelGroot_opac2.png');
	xxxbackground-position: 210px 90px;
	background-position: bottom -50px right -50px;
	background-repeat: no-repeat;
}
#blockies .block-item
{
	background-color: white;
	border: 1px solid #f1f1f1;
	position: relative;
	top: -4rem;
	padding: 2.5rem;
}
#blockies .block-item h2
{
	font-weight: 800;
	font-size: 1.7rem;
}
#blockies .block-item p
{
	font-weight: 500;
	color: #00736E;
	margin-bottom: 2rem;
}


#page-footer
{
	color: white;
	background-color: #00736E;
	font-size: 15px;
	background-image: url('../../img/2020/FairMail_Logo2.png');
	background-position: bottom -100px right -120px;
	background-repeat: no-repeat;
}
#page-footer h3,
#page-footer h3 a,
#page-footer h3 a:hover
{
	font-size: 15px;
	color: #F3CB34;
	font-weight: 600;
	text-decoration: none;
}
#page-footer ul
{
	margin: 0;
	padding: 0;
	margin-bottom: 2rem;
}
#page-footer li
{
	font-size: 15px;
	font-weight: 400;
	list-style: none;
	padding: 5px 5px 5px 0px;
	margin: 0px;
}
#page-footer li a
{
	color: white;
}
#page-footer li a:hover
{
	
}
.home-about-intro
{
}
.home-about-intro h1
{
	font-size: 2.9rem;
	font-weight: 800;
}
.home-about-intro p
{
	font-weight: 500;
	color: #00736E;
	font-size: 1.3rem;
}
#home-about-container
{
	padding-bottom: 0rem;
}
#home-about-container h1
{
	padding-bottom: 2rem;
}
#home-about-container .user-data-container p
{
	margin-bottom: 1.2rem;	
}
.btn
{
	padding: 0.7rem 1.4rem 0.7rem 1.4rem;
	font-weight: 600;
}
.btn.btn-sm
{
    padding: 0.6rem;
}
a.btn:hover
{
	text-decoration: none;
}
.btn .material-icons
{
	margin-right: 1rem;
	margin-left: 0rem;
}
.btn .material-icons.mi-right
{
	margin-left: 1rem;
	margin-right: 0rem;
}
.btn-warning
{
	background-color: #F3CB34;
	border-color: #F3CB34;
	color: white;
	xxxtext-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:active:focus,
.btn-warning.active:not(:disabled):not(.disabled), .btn-warning:active:not(:disabled):not(.disabled), .show > .btn-warning.dropdown-toggle
{
	background-color: #F0C421;
	color: white;
	border-color: #F3CB34;
}
.btn-primary
{
	background-color: #00736E;
	border-color: #4F736E;
	color: white;
}
.text-primary
{
	color: #00736E !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus,
.btn-primary.active:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle
{
	background-color: #006462;
	border-color: #4F736E;
	color: white;
	outline: none;
	box-shadow: none !important;
}
.btn-primary-transparent, 
.btn-primary-transparent:active, 
.btn-primary-transparent:focus, 
.btn-primary-transparent:active:focus,
.btn-primary-transparent.active:not(:disabled):not(.disabled), 
.btn-primary-transparent:active:not(:disabled):not(.disabled)
{
	padding: .6rem 0rem .6rem .75rem;
	background-color: transparent; 
	border-color: #00736E;
	color: #00736E;
}
#category_selector label
{
	cursor: pointer;
}
#category-filter-container .btn-primary-transparent:hover .material-icons
{
	color: white;
}
#category-filter-container .btn-primary-transparent .material-icons,
#category-filter-container .btn-primary-transparent:focus .material-icons, 
#category-filter-container .btn-primary-transparent:active .material-icons, 
#category-filter-container .btn-primary-transparent:focus:hover .material-icons, 
#category-filter-container .btn-primary-transparent:hover:focus .material-icons, 
#category-filter-container .btn-primary-transparent:active:hover .material-icons,
#category-filter-container .btn-primary-transparent:hover:active .material-icons
{
	color: #F3CB34;
}
.btn-primary-transparent:hover, 
.btn-primary-transparent:focus:hover,
.btn-primary-transparent:active:hover
{
	background-color: #F3CB34;
	border-color: #F3CB34;
	color: white;
	outline: none;
	box-shadow: none !important;
}
.btn-secondary
{
	background-color: #E5F1F0;
	border-color: #EDF5F4;
	color: #00736E;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus,
.btn-secondary.active:not(:disabled):not(.disabled), .btn-secondary:active:not(:disabled):not(.disabled), .show > .btn-secondary.dropdown-toggle
{
	background-color: #DBF0ED;
	border-color: #EDF5F4;
	color: #00736E;
	outline: none;
	box-shadow: none !important;
}
.btn-success
{
	background-color: #61BD23;
	border-color: #61C723;
	xxcolor: #00736E;
}
.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:active:focus,
.btn-success.active:not(:disabled):not(.disabled), .btn-success:active:not(:disabled):not(.disabled), .show > .btn-success.dropdown-toggle
{
	background-color: #6FC137;
	border-color: #6FC137;
	outline: none;
	box-shadow: none !important;
}

.btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:active:focus,
.btn-warning.active:not(:disabled):not(.disabled), .btn-warning:active:not(:disabled):not(.disabled), .show > .btn-warning.dropdown-toggle
{
	outline: none;
	box-shadow: none !important;
}

.btn-light
{
	color: #00736E;
}
.btn-light:hover, .btn-light:active, .btn-light:focus, .btn-light:active:focus,
.btn-light.active:not(:disabled):not(.disabled), .btn-light:active:not(:disabled):not(.disabled), .show > .btn-light.dropdown-toggle
{
	outline: none;
	box-shadow: none !important;
}

.btn-link
{
	color: #00736E;
}
.btn-link:hover
{
    color: #55A29E;
    text-decoration: underline;
}
.form-group
{
	margin-bottom: 2rem;
}
.form-group label, .form-group-label label
{
	font-weight: 700;
	color: #00736E;
	padding-right: .5rem;
}
.form-group label a
{
	
}
.form-control
{
	color: #00736E;
	border-color: #F1F5F6;
}
.form-control:focus
{
    box-shadow: 0 0 0 1px rgba(243,203,52,.6);
    xxxcolor: #495057;
    xxxbackground-color: #fff;
    border-color: rgba(243,203,52);
    xxxoutline: 0;
}
.form-check label
{
	display: inline;
}
.custom-control-label
{
	padding-top: .16rem;
	padding-left: .5rem;
}
.custom-control-label::before, .custom-control-label::after
{
	xxxmargin-left: -1rem;
}
.custom-control-input:checked ~ .custom-control-label::before
{
    color: #fff;
    border-color: #F3CB34;
    background-color: #F3CB34;
}
.custom-control-input:focus ~ .custom-control-label::before
{
    box-shadow:none !important;
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before
{
	border-color: #ADB5BD;
}
#user-profile .btn.new-retail-order
{
	
}

.material-icons
{
	vertical-align: bottom;
}
#menu-header ul
{
	white-space: nowrap;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu-header ul li
{
	display: inline-block;
	margin: 0;
	padding: 0;
}
#menu-header ul li a
{
	color: white;
	text-decoration: none;
	padding: 0.8rem 0 0.7rem 0;
	margin-right: 2rem;
	font-weight: 500;
	display: inline-block;
	border-bottom: 1px solid transparent;
}
#menu-header ul li a:hover
{
	xxxcolor: #F3CB34;
	xxxborder-bottom: 1px solid white;
	text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}

#home-carousel, .carousel-inner, .carousel-item 
{
	height: 224px;
}
.carousel-inner
{
}
.carousel-item 
{
}
#home-carousel-container
{
	padding-bottom: 4rem;
}
#home-carousel
{
	height: 224px;
	overflow: hidden;
}
#home-carousel h1
{
	color: white;
	font-weight: 700;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#home-carousel h2
{
	color: white;
	font-weight: 600;
	font-size: 1.5rem;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#home-carousel .carousel-control-next .btn, 
#home-carousel .carousel-control-prev .btn
{
	padding: 0.5rem 1.3rem;
	border-left: 2px solid #989898 !important;
	border-right: 2px solid #989898 !important;
	border-top: 1px solid white !important;
	border-bottom: 1px solid white !important;
	color: #F3CB34;
	border-radius: 7px;
}
#home-carousel .btn:hover
{
	background-color: rgba(255, 255, 255, 0.1);
}
.carousel-control-next, .carousel-control-prev
{
	opacity: unset;
	width: 10%;
}
.carousel-control-prev
{
	justify-content: flex-start;
}
.carousel-control-next
{
	justify-content: flex-end;
}
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

#header-search .form-group
{
	position: relative;
	width: 100%;
}
#header-search input.form-control-lg
{
	width: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	color: white;
	padding: 1.5rem 3.5rem 1.5rem 1.5rem;
	font-weight: 500;
	font-size: 1.0rem;
	border: 1px solid rgba(141, 141, 141, 0.9);
}
#header-search input.form-control-lg:focus
{
	box-shadow: 0 0 0 .2rem rgba(102, 102, 102, 0.24);
}
#header-search input.form-control-lg::placeholder
{
	color: white;
	opacity: 0.7;
}
#header-search-button
{
	color: #F3CB34;
	border: transparent;
	padding: 0.75rem;
	position: absolute;
	top: 1px;
	right: 0px;
}
#header-search-button .material-icons
{
	margin-right: 0rem !important;	
}
#header-search-button:hover, #header-search-button:active, #header-search-button:focus
{
	background-color: rgba(255, 255, 255, 0.2);
	box-shadow: none;	
}
#header-cart
{
	position: relative;
	display: inline-block;
	padding-top: 0.8rem;
	padding-bottom: 0.7rem;
	padding-left: 1rem;
	padding-right: 1rem;
	color: white;
	background-color: rgba(0,115,110, 0.6);
	float: right;
	border-radius: .3rem;
	white-space: nowrap;
	overflow: hidden;
}
#header-cart a
{
	color: white;
}
#header-cart .badge-pill
{
	background-color: #F3CB34;
	position: relative;
	left: -10px;
	top: -10px;
	color: white;
	font-size: 1rem;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#header-cart #header-shop-final-price
{
	font-weight: 500;
	font-size: 1.1rem;
}
#header-shop-loading
{
	display: none;
}
#home-social-container h2
{
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 2rem;
}
.header-addon
{
	background-color: #FDF7E1;
	border-bottom: 1px solid #F5D355;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.header-addon-title
{
	font-size: 1.5rem;
	font-weight: 700;
	color: #00736E;
	margin-right: 1rem;
	height: 100%;
	vertical-align: middle;
}
.header-addon .btn
{
	margin-left: 1rem;
}
.home-section
{
	padding-top: 6rem;
	padding-bottom: 6rem;
}
#home-products-container.home-section
{
	padding-bottom: 0rem;
}
#breadcrumbs-container
{
	padding-top: 2rem;
	padding-bottom: 3rem;
	font-weight: 600;
	background-image: url('../../img/2020/grain_background.png');
}
#breadcrumbs-container.breadcrumbs-blog
{
	background: linear-gradient(180deg, rgba(0, 115, 110, 0.8) 0%, rgba(0, 115, 110, 0.90) 99%, rgba(0, 115, 110, 1) 100%), url('../../img/2020/machu_picchu.jpg') no-repeat; 
	
	
	
	xxbackground-size: cover;
	background-position: center center;
	color: white;
}
#breadcrumbs-container.breadcrumbs-blog a
{
	color: white;
}
#breadcrumbs-container.breadcrumbs-blog h1
{
	padding-top: 3rem;
	color: white;
}
#breadcrumbs-container.breadcrumbs-blog .blog-date
{
	font-size: .9rem;
	font-weight: 400;
	margin-top: 1.5rem;
}
#breadcrumbs-container.breadcrumbs-blog .blog-date strong
{
	color: white;
	font-weight: 600;
}
#breadcrumbs-container .breadcrumbs .crumbs a:last-child
{
	color: #F3CB34;
}
#breadcrumbs-container h1
{
	padding-top: 2rem;
	font-size: 2.375rem;
}
#breadcrumbs-order-container
{
	padding-top: 2rem;
	z-index: 1;
}
#xxxbreadcrumbs-order-container::before
{
    border-top: 5px solid rgba(243,203,52,1);
    content: "";
    margin: 0 auto; /* this centers the line to the full width specified */
    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 52px; left: 0; right: 0; bottom: 0;
    z-index: -1;
    width: 400px;
}
#breadcrumbs-container .breadcrumbs-divider
{
    border-top: 5px solid rgba(243,203,52,1);
    xxxcontent: "";
    margin: 0 auto; /* this centers the line to the full width specified */
    margin-top: 1.35rem;
    xxxposition: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 52px; left: 0; right: 0; bottom: 0;
    z-index: -1;
    xxwidth: 400px;
	
}
.photographer-detail-block > div, .photographer-detail-block > span
{
	font-size: .9rem;
	font-weight: 400;
}
.photographer-profile-container .breadcrumbs
{
	margin-bottom: 2rem;
	font-weight: 500;
}
.photographer-profile-container .breadcrumbs a, .photographer-profile-container .breadcrumbs .breadcrumb-divider
{
	color: white;
}
.photographer-profile-container .breadcrumbs a:last-child
{
	color: #F3CB34;
}
.photographer-profile-container .photographer-quote-large
{
	padding-left: 0;
}
#page-footer.home-section
{
	padding-bottom: 4rem;
}
#home-blog-container h1
{
	font-size: 1.8rem;
	font-weight: 700;
}
.home-blog-box
{
	padding: 3rem;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-color: rgba(0, 115, 110,.25);		
	background-position: 50% 50%;
}
.home-blog-box h2
{
	color: white;
	font-size: 1.7rem;
	line-height: 2.4rem;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}
.home-blog-box p
{
	padding: 1rem 0rem 4rem 0rem;
	color: white;
	font-size: 1rem;
	font-weight: 500;
	line-height: 2rem;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}
#home-blog-box1
{
	background: linear-gradient( rgba(0, 115, 110, 0.5), rgba(0, 115, 110, 0.5) ), url('../../img/2020/blog/blog1.jpg');
}
#home-blog-box2
{
	background: linear-gradient( rgba(0, 115, 110, 0.5), rgba(0, 115, 110, 0.5) ), url('../../img/2020/blog/blog2.jpg');
}
.h-floater
{
	display: flex;
	justify-content: center;
	height: 100%;
}
.h-floater a
{
	font-weight: 600;
	font-size: 1rem;
	color: #00736E;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	background-color: #FEFAEA;
	border-radius: .25rem;
	padding-left: .75rem;
	line-height: 2.5rem;
	white-space: nowrap;
}
.h-floater a:hover
{
	text-decoration: none;	
}
.h-floater a::after
{
	font-family: 'Material Icons';
	content: "chevron_right";
	color: #F3CB34;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 2.5rem;
	-webkit-font-feature-settings: 'liga';
}
.h-floater a.external::after
{
	content: "exit_to_app";
	font-size: 1.3rem;
	padding-left: 0.5rem;
	padding-right: 0.25rem;
}
.info-pill
{
	xxxborder: 1px solid #888888;
	font-size: 0.8rem;
	position: relative;
	background-color: rgba(255,255,255,0.3);
	color: white;
	display: inline-block;
	padding: 3px 3px 3px 3px;
	border-radius: 2px;
	line-height: 12px;
	font-weight: 700;
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.info-pill a, 
.info-pill a:hover, 
.info-pill a:visited
{
	color: white !important;
	text-decoration: none;
}
.info-pill .material-icons
{
	font-size: 1rem;
	line-height: 1rem;
	padding-right: 0.5rem;
	vertical-align: text-bottom;
}
body.light-mode .info-pill
{
	color: #00736E;
	xxxborder: 1px solid #e3e3e3;
	background-color: rgba(255,255,255,0.9);
}
body.light-mode .info-pill a, 
body.light-mode .info-pill a:hover, 
body.light-mode .info-pill a:visited
{
	color: black !important;
	text-decoration: none;
}
.cursor-pointer
{
	cursor: pointer;
}
.photographer-group
{

}
.photographer-group .photographer-thumbnail-150
{
	position: relative;
}
.photographer-group.photographer-group-peru
{
	xxxbackground: linear-gradient(180deg, rgba(0, 115, 110, 0.9) 0%, rgba(255, 255, 255, 0.99) 70%, rgba(255, 255, 255, 1) 100%), url('../../img/2020/machu_picchu.jpg') no-repeat; 
	background:  url('../../img/2020/photographer_group/peru.jpg') no-repeat; 
	xxxbackground-size: cover;
	background-position: top center;
}
.photographer-group.photographer-group-india
{
	xxxbackground: linear-gradient(180deg, rgba(0, 115, 110, 0.9) 0%, rgba(255, 255, 255, 0.99) 70%, rgba(255, 255, 255, 1) 100%), url('../../img/2020/machu_picchu.jpg') no-repeat; 
	background:  url('../../img/2020/photographer_group/india.jpg') no-repeat; 
	xxxbackground-size: cover;
	background-position: top center;
}
.photographer-group.photographer-group-morocco
{
	background: linear-gradient(180deg, rgba(0, 115, 110, 0.9) 0%, rgba(255, 255, 255, 0.99) 70%, rgba(255, 255, 255, 1) 100%), url('../../img/2020/machu_picchu.jpg') no-repeat; 
	xxxbackground-size: cover;
	background-position: top center;
}
.photographer-group p
{
	margin-bottom: 8px;
	padding-bottom: 0px;
	color: white;
	line-height: 1.7rem;
}
.photographer-country-list .photographer-name
{
	margin-bottom: 2rem;
	font-weight: 600;
	text-align: center;
	border: 1px solid #F1F5F6;
	border-radius: .25rem;
	padding: 1rem 0rem 1rem 0rem;
	width: 100%;
	max-width: 200px;
	border-top: none;
	margin-top: -3px;
	background-color: #FFFFFF;
	z-index: -2;
}
.photographer-thumbnail img
{
	border-radius: .25rem;
	max-width: 90%;
	width: 100%;
	max-width: 200px;
}

.thumbnail-container
{
	margin-bottom: 4rem;
	clear: both;
}
.thumbnail-container h2
{
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
	line-height: 2.5rem;
}
.photographer-information-container
{
	padding: 1rem;
	background-color: #F1F5F6;


	xxxbackground: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url('../../img/photographers/200/angelica_square.jpg');


	background-repeat: no-repeat;
	background-position: top left;


}

.dev-borders div,
.dev-borders form,
.dev-borders table
{
    outline: 1px solid #3a87ad !important;
}
.dev-borders address,
.dev-borders blockquote,
.dev-borders h1,
.dev-borders h2,
.dev-borders h3,
.dev-borders h4,
.dev-borders h5,
.dev-borders h6,
.dev-borders p,
.dev-borders pre,
.dev-borders li,
.dev-borders a
{
	outline: 1px solid #b94a48 !important;
}
.dev-borders dd,
.dev-borders dl,
.dev-borders dt,
.dev-borders ol,
.dev-borders ul
{
	outline: 1px solid #468847 !important;
}

.dev-borders td
{
	outline: 1px solid #F3CB34 !important;
}
.dev-borders th
{
	outline: 1px solid #C0F0F6 !important;
}


.admin-edit-container
{
	position: relative;
}
.admin-edit
{
	position: absolute;
	top: 0.5rem;
	right: -2rem;
	z-index: 999;
}
.shaded-blocks
{
	margin-bottom: 3rem;
}
.shaded-block
{
	padding: 2rem 1rem 2rem 1rem;
	background-color: #F1F5F6;
	border-radius: 0.25rem;
	xxxborder: 1px solid #E7E9EA;
	margin-bottom: 2rem;
	width: 100%;
}
.shaded-block2
{
	padding: 1.5rem 1.5rem 1.5rem 1.5rem;
	background-color: #F0F7F6;
	border-radius: 0.25rem;
	margin-bottom: 1rem;
	width: 100%;
}
.shaded-block .image-container
{
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.retailers-blocks .shaded-block p
{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.retailers-blocks .shaded-block p a
{
	color: #F0C421;
}
#shop-navigation .shaded-block:hover
{
	box-shadow: 5px 6px 15px #E0E0E0, -5px 6px 15px #E0E0E0;
}
.shaded-block img
{
	text-align: center;
}
#shop-navigation a.big-link
{
	display: block;
	font-size: 1.6rem;
	text-align: center;
	margin-top: 1rem;
	font-weight: 700;
	
}
#shop-navigation a.big-link:hover,
#shop-navigation a.big-link:active,
#shop-navigation a.big-link:focus
{
	text-decoration: none;
	color: #F3CB34;
}

#video-player
{
	z-index: 1;
	position: relative;
}

#audio-toggler
{
	margin-top: -2rem;
	padding: .7rem;
	margin-right: 1rem;
	position: absolute;
	right: 100px;
	z-index: 9999;
}
#audio-toggler .material-icons
{
	margin: 0;
}

#ecard-container .ecard-frame
{
	border-radius: .5rem;
	background-color: #F1F5F6;
	padding: 2rem 2rem 3rem 2rem;
}
#ecard-container .ecard-canvas
{
	border-radius: .25rem;
	min-height: 400px;
	box-shadow: 0 17px 13px -1px #ccc;
	xxxmargin: 0rem 4rem 0rem 4rem;
}
#ecard-container .ecard-canvas-body-container
{
	padding: 2rem 2rem 0rem 2rem;	
}
#ecard-container .ecard-canvas-body
{
	text-align: center;
	font-size: .9rem;
	font-weight: 500;
	padding-bottom: 2rem;
}
#ecard-container .ecard-canvas-body p
{
	margin: 0;
	word-wrap: break-word;
	white-space: pre-line;
}
#ecard-container .ecard-canvas-image
{
	border-radius: .25rem .25rem 0rem 0rem;
	overflow: hidden;
}
#ecard-container .ecard-canvas-logo
{
	text-align: center;
}
#ecard-container .ecard-canvas-logo img
{
	height: 74px;
	max-height: 74px;
	max-width: 100%;
	margin-bottom: 2rem;
}
#ecard-container #ecard-remove-logo
{
	position: absolute;
	margin-top: 10px;
}
#ecard-container .ecard-canvas-image img
{
	max-width: 100%;
	margin-bottom: -12%;
}
#ecard-container .ecard-canvas-footer
{
	padding: .5rem;
}
#ecard-container .ecard-canvas-footer-frame
{
	background-color: #E5F1F0;
	border-radius: .25rem;
	padding: .5rem;
}
#ecard-container .ecard-color-1 .ecard-canvas-footer-frame
{
	background-color: #E0E0F5;
}
#ecard-container .ecard-color-2 .ecard-canvas-footer-frame
{
	background-color: #FAEDE0;
}
#ecard-container .ecard-color-3 .ecard-canvas-footer-frame
{
	background-color: #E5FCFC;
}
#ecard-container .ecard-color-4 .ecard-canvas-footer-frame
{
	background-color: #FFEAED;
}
#ecard-container .ecard-color-6 .ecard-canvas-footer-frame
{
	background-color: #E0E0E0;
}
#ecard-container .ecard-canvas-footer-frame p
{
	font-size: .8rem;
	font-weight: 500;
	color: #00736E;
	margin: 0;
	padding: 0;
}
#ecard-container .ecard-canvas-footer-frame hr
{
	margin-top: .5rem;
	margin-bottom: .5rem;
	border-color: #B7D8D6;
}

#ecard-container .ecard-canvas-footer-frame img
{
	width: 50px;
	max-width: 50px;
	border-radius: 50%;
}
#ecard-container .ecard-canvas-footer-frame .float-right
{
	margin-left: .5rem;
}
#ecard-container .ecard-canvas-footer-frame .float-left
{
	margin-right: .5rem;
}


#ecard-container .ecard-settings h1
{
	margin-bottom: 1rem;
}
#ecard-container .ecard-settings h5
{
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 2rem;
}
#ecard-container .ecard-settings .ecard-settings-group
{
	margin-bottom: 3rem;
}

.color-selector
{
	width: 30px;
	height: 30px;
	cursor: pointer;
	border-radius: .25rem;
	display: inline-block;
	margin-right: .5rem;
}
#ecard-container .ecard-settings .ecard-settings-group .color-selector.selected
{
	box-shadow: 0 0 0 .2rem rgba(243,203,52,.6);
}

.ecard-color-1
{
	background-color: #AEABEF;
	color: #E5F1F0;
}
.ecard-color-2
{
	background-color: #F0BC80;
	color: #00736E;
}
.ecard-color-3
{
	background-color: #2DA6B1;
	color: #E5F1F0;
}
.ecard-color-4
{
	color: white;
	background-color: #FC868F;
}
.ecard-color-5
{
	background-color: white;
	color: #00736E;
}
.ecard-color-6
{
	background-color: #484848;
	color: #E5F1F0;	
}

#ecard-status
{
	position: absolute;
	right: 1rem;
	top: 0;
}
.dark-background
{
	background-color: #4B9C98;
}
.white-background
{
	background-color: white;
}
.rotate-90
{
	transform: rotate(90deg);
}
#ecard-container .ecard-settings .ecard-settings-group .color-selector.ecard-color-5, .ecard-color-5
{
	border: 1px solid black;
}
#ecard-container .ecard-canvas.ecard-color-5
{
	border: none;
}
.upload_file_input
{
	position: absolute;
	font-size: 1px;
	opacity: 0;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
}
#ecard-user-body
{
	font-size: .9rem;
}
.upload_file_input_container
{
	overflow: hidden;
}
.upload_file_input_container label
{
	border: 2px solid #F6F8F9;
	padding: .35rem .5rem .35rem .5rem;
	border-radius: .25rem;
	font-size: .9rem;
	color: #98D3D0;
	font-weight: 500;
	cursor: pointer;
	vertical-align: middle;
}
.upload_file_input_container label .material-icons
{
	background-color: #F3CB34;
	color: white;
	padding: .75rem;
	margin-left: .5rem;
	border-radius: .25rem;
	vertical-align: middle;
}
#upload_preview
{
	max-width: 80px;
	max-height: 50px;
}
.ecard-add-to-cart input
{
	display: inline-block;
	width: 20px;
	height: 18px;
	vertical-align: text-bottom;
}
.ecard-add-to-cart label
{
	margin-left: 1rem;
	font-weight: 600;
	margin-bottom: 0;
}
.ecard-add-to-cart label strong
{
	font-weight: 700;
	margin-left: 1rem;
}
.ecard-add-to-cart .boxie
{
	background-color: #E5F1F0;
	display: inline-block;
	padding: .5rem 1.25rem .5rem 1.25rem;
	margin: .25rem;
	border-radius: .25rem;
}
.ecard-order-info
{
	font-size: .9rem;
	color: #00736E;
	font-weight: 500;
}
#ecard-video-player
{
	cursor: pointer;
}

.supported-payment-methods img
{
	max-width: 100%;
}
.spinner-border
{
	width: unset;
	height: unset;
	border: 0;
	color: #00736E;
}

.modal.modal-wide .modal-dialog {
  width: 90%;
  max-width: 1200px;
}



/* XS devices (landscape phones, 576px and down) */
@media (max-width: 576px)
{
	#page-topnav
	{
		display: none;
	}
	h1
	{
		font-size: 2rem;
	}
	.admin-edit
	{
		right: 1rem;
		top: -2rem;
	}
	.home-about-intro p
	{
	    font-size: 1rem;
	}
	
	.home-blog-box
	{
		padding: 2rem;
	}
	.home-blog-box h2
	{
		
	}
	.carousel-control-next,
	.carousel-control-prev
	{
		display: none;
	}
	#menu-header ul
	{
		background-color: white;
	}
	#menu-header ul li
	{
		display: block;
		font-size: 1.4rem;
		text-align: center;
	}
	#menu-header ul li a
	{
		display: block;
		color: #00736E;
		font-weight: 700;
		margin-right: 0;
		border-bottom: none !important;
	}
	#menu-header ul li a:hover
	{
		border-bottom: none !important;	
		text-shadow: none;
		background-color: #E5F1F0;
		border-radius: .25rem;
	}
	#ecard-container .ecard-frame
	{
		border-radius: .5rem;
		background-color: #fff;
		padding: 0rem;
	}
}
/* XS & SM devices (768px and down) */
@media (max-width: 768px) 
{  
	#navbar-main .row
	{
		max-width: 100%;
		margin: 0 auto;
	}
	.navbar-expand-md
	{
		
		xxxheight: 100vh !important;
	}
	.photographer-information-container 
	{
		background-size: cover !important;
	}

	.sidebar-shops-container
	{
		margin-top: 1rem; 
		padding-left: 0;
	}
	.sidebar-search form
	{
	    margin-top: 1rem;
	    margin-bottom: 3rem;
	}
	.sidebar-search input[type="text"]
	{
		width: auto;
	}
	
	.user-data .two-row-image img
	{
		max-width: 98%;
		height: auto;
		border-radius: .25rem;
		margin: 0rem 0rem 1rem 0rem;
	}
	.user-data .two-row-image iframe, .user-data iframe
	{
		max-width: 100%;
		height: 280px;
		border-radius: .25rem;
		margin: 0rem 0rem 1rem 0rem;
	}
	
}
/* XS & SM & & MD & LG devices (768px and down) */
@media (max-width: 1200px) 
{  
	
	.container-md .larger-width-image img,
	.container-lg .larger-width-image img
	{
		max-width: 100%;
		margin-left: 0;
		margin-bottom: 2rem;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px)
{  
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.home-about-intro h1
	{
		margin-left: 5rem;
		margin-right: 5rem;
	} 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.home-about-intro h1
	{
		margin-left: 7rem;
		margin-right: 7rem;
	} 
}