/*
Base Stylesheet
Defines the base styles that must be present in every theme, along
with shortcodes and widgets included with the CPO Core.
*/

<style>
/* PAGE BANNERS AND TITLES */
.banner {
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-height: 500px;
}

.banner .banner-image {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.pagetitle {
    overflow: hidden;
    position: relative;
    border-top: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.4);
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 100px 0;
    margin: 0;
}

.noparalax {
    overflow: hidden;
    position: relative;
    border-top: 3px solid red;
    background: rgba(0, 0, 0, 0.4);
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 100px 0;
    margin: 0;
}

.noparalax .pagetitle-title {
    margin: 0;
    font-size: 2.5em;
    text-transform: uppercase;
	color: #fff;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.75);
}

.pagetitle .pagetitle-title {
    margin: 0;
    font-size: 2.5em;
    text-transform: uppercase;
	color: #fff;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.75);
}

/* PAGE CONTENT */
.main {
    background: #fff;
    overflow: hidden;
    padding: 30px 0 10px;
}

/* Full width pages have no container */
.content-full .main {
    padding: 0;
}

.content-full .main > .container {
    max-width: 100%;
    width: auto;
    padding: 0;
}

.content,
.sidebar {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content {
    float: left;
    width: 66%;
    margin: 0 4% 30px 0;
    padding: 0;
}

/* Single Sidebar Positions */
.sidebar-left .content {
    float: right;
    margin-right: 0;
    margin-left: 4%;
}

/* Double Sidebar Positions */
.sidebar-double .content {
    float: left;
    width: 46%;
    margin-left: 27%;
    margin-right: 4%;
}

.sidebar-double-left .content {
    float: right;
    width: 46%;
    margin-right: 0;
    margin-left: 4%;
}

.sidebar-double-right .content {
    width: 46%;
}

.sidebar-double .main-container {
}

/* No Sidebar */
.content-wide,
.sidebar-none .content,
.sidebar-narrow .content,
.sidebar-left .content-wide,
.sidebar-right .content-wide,
.sidebar-double .content-wide,
.sidebar-double-left .content-wide,
.sidebar-double-right .content-wide {
    float: none;
    margin: 0;
    width: auto;
}

/* Narrow content */
.sidebar-narrow .content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* SIDEBARS */
.sidebar {
    float: left;
    width: 30%;
}

.main-full .sidebar {
    padding: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sidebar-none .sidebar,
.sidebar-narrow .sidebar {
    display: none;
}

.sidebar-double .sidebar,
.sidebar-double-left .sidebar,
.sidebar-double-right .sidebar {
    width: 23%;
}

/* Secondary Sidebar */
.sidebar-secondary {
    margin-left: 4%;
}

.sidebar-none .sidebar-secondary,
.sidebar-narrow .sidebar-secondary,
.sidebar-left .sidebar-secondary,
.sidebar-right .sidebar-secondary {
    display: none;
}

.sidebar-double .sidebar-primary {
    float: left;
    margin-left: -77%;
}

.sidebar-double .sidebar-secondary {
    margin-left: 0;
}

/* SPECIAL PAGE LAYOUTS */
.header-minimal .topbar,
.header-minimal .header-content,
.header-minimal .menu,
.title-minimal .breadcrumb,
.footer-minimal .subfooter,
.footer-minimal .footermenu,
.header-none .topbar,
.header-none .menu,
.header-none .header,
.footer-none .footer,
.footer-none .subfooter {
    display: none;
}

/* GENERAL WIDGET STYLING */
.widget {
    overflow: hidden;
    margin: 0 0 30px;
}

.widget .widget-title {
    margin: 0 0 20px;
    font-size: 1.5em;
    line-height: 1.2;
}

.widget ul {
    margin-bottom: 0;
}

.widget li {
    list-style: none;
    margin-left: 0;
}

.widget li ul {
    margin-left: 20px;
    margin-top: 5px;
}




/* --------------------------------------------------------------
RESPONSIVE STYLES
-------------------------------------------------------------- */

/* LARGE SCREENS */
@media screen and (min-width: 1280px) {
    .container {
        max-width: 1180px;
    }

    .wrapper-boxed .wrapper {
        width: 1220px;
    }

    .wrapper-boxed .container {
        padding: 0 40px;
    }
}

/* TABLET SCREENS (LANDSCAPE) */
@media screen and (max-width: 1024px) {

    /* LANGUAGE SWITCHER */
    .languages .language-list {
        display: none;
        visibility: visible;
        opacity: 1;
    }

    .languages:hover .language-list {
        display: block;
        visibility: visible;
        opacity: 1;
    }

    /* SHOPPING CART */
    .shopping-cart .cart-list {
        display: none;
        visibility: visible;
        opacity: 1;
    }

    .shopping-cart:hover .cart-list {
        display: block;
        visibility: visible;
        opacity: 1;
    }

    /* MAIN MENU DROPDOWN */
    .menu-main li ul {
        display: none;
        visibility: visible;
        opacity: 1;
    }

    .menu-main li:hover > ul {
        display: block;
        visibility: visible;
        opacity: 1;
    }
}

/* TABLET SCREENS (PORTRAIT) */
@media screen and (max-width: 800px) {

	/* MAIN/CONTENT */
	.main {
		padding: 10px 0 10px;
	}

    /* COLUMNS */
    .col4 {
        width: 47.5%;
    }

    .col4:nth-of-type(2) {
        margin-right: 0;
    }

    .col4:nth-of-type(3) {
        clear: left;
    }

    .col5 {
        width: 47.5%;
    }

    .col5:nth-child(n+3) {
        width: 30%;
    }

    .col5:nth-child(2) {
        margin-right: 0;
    }

    .col6 {
        width: 30%;
    }

    .col6:nth-child(3n) {
        margin-right: 0;
    }

    /* Narrow */
    .column-narrow.col4 {
        width: 49%;
    }

    .column-narrow.col5 {
        width: 49%;
    }

    .column-narrow.col5:nth-child(n+3) {
        width: 32%;
    }

    .column-narrow.col6 {
        width: 32%;
    }

    /* Fit */
    .column-fit.col4 {
        width: 50%;
    }

    .column-fit.col5 {
        width: 50%;
    }

    .column-fit.col5:nth-child(n+3) {
        width: 33.3333%;
    }

    .column-fit.col6 {
        width: 33.3333%;
    }

    /* Break Early */
    body .column.column-early {
        float: none;
        width: auto;
        margin: 0;
    }

    /* WRAPPERS */
    .container {
        padding: 0 20px;
    }

    /* CONTENT */
    .sidebar-double .content,
    .sidebar-double-left .content,
    .sidebar-double-right .content,
    .content {
        float: none;
        width: auto;
        margin: 30px 0 50px;
    }

    .content-submenu {
        float: none;
        width: auto;
        margin: 0 0 50px;
    }

    .sidebar-double .sidebar,
    .sidebar-double-left .sidebar,
    .sidebar-double-right .sidebar,
    .sidebar {
        clear: both;
        float: none;
        width: auto;
        margin: 0;
    }

    .sidebar-double .sidebar,
    .sidebar-double-left .sidebar,
    .sidebar-double-right .sidebar {
        float: left;
        width: 48%;
    }

    .sidebar-double .sidebar-secondary,
    .sidebar-double-left .sidebar-secondary,
    .sidebar-double-right .sidebar-secondary {
        clear: right;
        float: right;
    }

    .submenu {
        float: none;
        width: auto;
    }

    /* MAIN MENU */
    .menu-main {
        display: none;
    }

    .menu-mobile-toggle {
        display: block;
    }

    .menu-mobile {
        display: block;
    }

    /* SLIDER */
    .slider-slides .slide .slide-caption,
    .slider-slides .slide .slide-image {
        float: none;
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }

}

/* SMARTPHONE SCREENS */
@media only screen and (max-width: 600px) {

    /* HEADINGS */
    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.8em;
    }

    h3 {
        font-size: 1.4em;
    }

    h4 {
        font-size: 1.2em;
    }

    h5 {
        font-size: 1.1em;
    }

    h6 {
        font-size: 1.0em;
    }

    /* LAYOUT */
    .container {
        padding: 0 10px;
    }

    .gallery .column {
        float: none;
        width: auto;
        margin: 0 0 1%;
    }

    .image-gallery .column {
        float: none;
        width: auto;
        margin: 0 0 1%;
    }

    .gallery .gallery-item {
        float: none;
        margin: 0 0 20px 0;
        width: auto;
    }

    .gallery br {
        display: none;
    }

    /* COLUMNS */
    body .column.col2,
    body .column.col3,
    body .column.col4,
    body .column.col3x2,
    body .column.col4x2,
    body .column.col4x3,
    body .column.col5x2,
    body .column.col5x3,
    body .column.col5x4,
    body .column.col6x2,
    body .column.col6x3,
    body .column.col6x4,
    body .column.col6x5 {
        float: none;
        width: auto;
        margin: 0;
    }

    body .col6:nth-child(3n) {
        margin-right: 5%;
    }

    body .col6:nth-child(2n) {
        margin-right: 0;
    }

    body .col6 {
        width: 47.5%;
    }

    /* Narrow */
    body .column-narrow.col6:nth-child(3n) {
        margin-right: 2%;
    }

    body .column-narrow.col6 {
        width: 49%;
    }

    /* Fit */
    body .column-fit.col6:nth-child(3n) {
        margin-right: 0%;
    }

    body .column-fit.col6 {
        width: 50%;
    }

    /* HEADER */
    .header .logo {
        float: left;
        max-width: 50%;
    }

    .header .header-content {
        display: none;
    }

    /* LANGUAGE SWITCHER */
    .languages img {
        display: none;
    }

    /* SIDEBAR */
    .sidebar-double .sidebar,
    .sidebar-double-left .sidebar,
    .sidebar-double-right .sidebar,
    .sidebar {
        clear: both;
        float: none;
        width: auto;
        margin: 0;
    }



    /* INLINE IMAGES */
    .alignleft, img.alignleft {
        max-width: 40%;
        margin-right: 10px;
    }

    .alignright, img.alignright {
        max-width: 40%;
        margin-left: 10px;
    }

    .slider-slides {
        font-size: 0.8em;
    }

    .slider-slides .slide .slide-image {
        display: none;
    }

    .slider-slides .slide .slide-caption {
        margin: 0 20px;
    }

	.pagetitle .pagetitle-title {
    margin: 0;
    font-size: 1.75em;
    text-transform: uppercase;
}
}

.image-cropper {
    max-width: 100px;
    height: auto;
    position: relative;
    overflow: hidden;

	float:left;
}

.rounded {
    height: 52px;
    width: 52px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-size:cover;
	border:1px solid black;
}

.igcontainer {
    position: relative;
    width:125px; height:125px;
	border:1px solid black;
	border-radius: 10px 10px;
	float:left;
	margin:10px 6px 10px 6px;
}

.igimage {
  opacity: 1;
  display: block;
  border-radius: 10px 10px;
  transition: .5s ease;
  backface-visibility: hidden;
  object-fit: cover; width:123px; height:123px;
}

.igmiddle {
  transition: .2s ease;
  opacity: 0;
  position:absolute; bottom:50px; width:100%; text-align:center;
}

.igcontainer:hover .igimage {
  opacity: 0.5;
}

.igcontainer:hover .igmiddle {
  opacity: 1;
}

.igtext {

  color: white;
}

.igheart
{
   font-size:20px;
}
/* IG FEED */
@media all and (max-width: 991px) {
    .igcontainer {

    width:90px; height:90px;

}

.igmiddle {
  transition: .2s ease;
  opacity: 0;
  position:absolute; bottom:20px; width:100%; text-align:center;
  font-size:
}

.igimage {

  object-fit: cover; width:88px; height:88px;
}

.igtext {

  font-size:10px;
}

.igheart
{
   font-size:14px;
}
}

/*news feed*/
.newsdate {
	   margin-left:90px;
  }

.newsimage
{
   float:left;
   width:40%;
   padding: 0 14px 14px 0;
}

@media all and (max-width: 991px) {
  .date {
	   margin-left:0;
	   clear:left;
	   height:auto;
  }
}

@media all and (max-width: 800px) {
  .newsdate {
	   margin-left:90px;
	   height:auto;
	   clear:none;
  }
}

@media all and (max-width: 630px) {
  .newsdate {
	   margin-left:0;
	   clear:left;
	   height:auto;
  }
}

@media all and (max-width: 500px) {
  .newsimage {
	   width:100%;
	   padding: 0 0 14px 0;
  }
}

/*honeypot*/
.sdshp
{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}


</style>