/*
	Theme Name: pcvisit-theme
	Version: 2.0
	Description: A stripped down, style free (well, nearly!) minimal WordPress theme for developing on top of.

	/* ------------------------
	GLOBAL RESET
	------------------------ */ html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
		margin:0;padding:0;border:0;outline:0;vertical-align:baseline;
	}
	article,aside,dialog,figure,footer,header,hgroup,nav,section {
		display:block
	}
	nav ul { list-style:none }
	a { margin:0;padding:0;border:0;vertical-align:baseline;background:transparent }

    * { -webkit-box-sizing: border-box;
   		-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}

    /* ------------------------
	THEME COLOR ro Barebone
	------------------------ */
    :root {
      --theme-color: #f0aa00;
        /* Your primary color */
      /*--theme-color-hover: #f0aa00; */
    }
    /*body {
      background-color: var(--theme-color);
      color: white;
    }*/

    /*a {
      color: var(--theme-color);
    }

    a:hover {
      color: var(--theme-color-hover);
    }*/


	/* ------------------------
	GLOBAL RULES
	------------------------ */
    a, h1[id], h2[id], h3[id] {
        outline: none;
        caret-color: transparent;
        user-select: none;
    }
    a:focus {outline: none;}

    /*center*/
	 .center,
     .center p,
     .center .copy,
     .center .headline,
     .center #listbox,
     .center .listbox{
		text-align: center;
		margin: auto;
	}
    .center #listbox,
    .center .listbox{ display: inline-block; }

	.inline { display: inline-block; }
    .contentbox.center p { text-align: center; }
    .contentbox.center .row { display: inline-block;}

    .height-100 {height: 100vh;}

	.fix { position: fixed; }
	.abs { position: absolute; }
	.rel { position: relative; }

	.v-top, .col.v-top {vertical-align: top; }
	.v-bottom, .col.v-bottom {vertical-align: bottom; }
    .v-middle {vertical-align: middle; }
    .contain.row.v-items-center {align-items: center;}

	.t-left{ text-align: left; }
	.t-right { text-align: right; }
     p, .copy, .headline { text-align: left; }

	.underline,
    a:link.underline{text-decoration: underline; }
	.upper { text-transform: uppercase; }
	.lower { text-transform: lowercase; }
	.none { text-transform: none; }

	/* float */
	.left { float: left; }
	.right { float: right; }
	.clear { clear: both; float: none; }

    /* overflow*/
    .hidden { overflow: hidden; }

    /* input */
	input {-webkit-appearance: none;}

    /* list */
    ul > li,
    ul > ul li { list-style: none; }

    /* button */
	a,
	a:link,
	a:visited {
		outline:none;
		text-decoration: none;
        /*color: red !important;*/
		cursor: pointer;
	}
    a.but {display: inline-block;}
    a:focus,
	*:focus { outline: none !important; }
    a.but,
	a.but:focus {caret-color: transparent;}

	/* no word brake */
	.nobreak {
	  word-break: keep-all;
	  white-space: nowrap;
	}

    /* no wrap */
    .nowrap,
    .nbr { white-space: nowrap;}

    /* border */
    .border {border-radius: 4px}
    .b-one {border: 1px solid #eee;}
    .b-two {border: 2px solid #eee; }
    .b-radius {border-radius: 6px;}

    .img-cover img {border-radius: 6px;}
    .fullsize .img-cover img {border-radius: 0;}

	/* image */
	img {
		object-fit: cover;
        /*object-fit: contain; */
		width: 100%;
        height: auto;
	}

    img,
    #video iframe { border-radius: 6px;}

    .imagebox .img-cover img { object-fit: cover;}
    .imagebox .img-contain img { object-fit: contain;}

    /*small img*/
    .imagebox .img-small .contain {
        text-align: center;
        border: 2px solid #eee;
        padding: 1.5rem;
        border-radius: 6px;
    }
    .imagebox .img-small img { max-width: 350px !important; }

    @media only screen and (max-width: 600px) {
        .imagebox .img-small .contain { padding: 1rem; }
        .imagebox .img-small img { max-width: 280px !important; }
    }

    .single-podcast .imagebox .img-cover img { object-fit: contain;}

	/*img rellax*/
	.image-wrap {overflow: hidden;}

    /*img cover*/
    #textbox.img .img-wrap
    .contain img {object-fit: contain;}

    /* icon */
    #icon {
        background: #393A42;
        border-radius: 50%;
        z-index: 1;
    }
    #icon img {
        object-fit: cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

	/* ------------------------
	DISPLAY
	------------------------ */
	/*#searchform,*/
	/*.comments,
	.mobile { display: none; }
	.desk {display: block; }*/

    /* ------------------------
	Z -INDEX
	------------------------ */
	/*header { z-index: 2;}*/

	/* ------------------------
	BASICS GRID
	------------------------ */
	.col-12 { width: 100%;  }
	.col-11 { width: 91.66666666666666%; }
	.col-10 { width: 83.33333333333334%; }
	.col-9 { width: 75%; }
	.col-8 { width: 66.66666666666666%; }
	.col-7 { width: 58.333333333333336%; }
	.col-6 { width: 50%; }
	.col-5 { width: 41.66666666666667%; }
	.col-4 { width: 33.33333333333333%; }
	.col-3 { width: 25%; }
	.col-2 { width: 16.666666666666664%; }
	.col-1 { width: 8.333333333333332%; }
	.col {
		font-size: 0px;
		line-height: 0px;
		display: inline-block;
		vertical-align: middle;
		margin: auto;
        padding: 15px;
	}

    /*padding*/
    .no-pad { padding: 0; }
    .small-pad { padding: 15px 0; }
    .small-b-pad { padding: 0 0 5px 0; }
    /*.no-t-b-pad, .color-contain { padding: 0px 15px; }*/
    .no-t-b-pad { padding: 0px 15px; }
    .no-l-r-pad { padding: 15px 0; }
    .no-l-pad { padding: 15px 15px 15px 0; }
    .l-pad { padding: 0 0 0 15px; }
    .r-pad { padding: 0 15px 0 0; }
    .big-t-b-pad { padding: 5rem 0; }

    /*fullsize*/
    .fullsize .outerbox { margin-left: calc((100vw - 1280px) / 2);  }
    .fullsize .contentbox { width: 40%; }
    .fullsize .imagebox {
        width: 60%;
        padding: 0 0 0 15px !important;
    }
    .fullsize .imagebox .size-default img { height: 30rem;}
    .fullsize .imagebox .size-big img { height: 40rem;}
    .fullsize .imagebox .size-bigger img { height: 50rem;}

    /* ------------------------
	GRID
	------------------------ */
    .masonry {
      /*column-count: 3;
      column-gap: 30px;*/
    }
    .masonry .cpt-box {
      /*break-inside: avoid;*/
      margin-bottom: 30px;
      width: 100%;
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem;
    }

	/* ------------------------
	TRANSITION
	------------------------ */
    .trans-1 {
		transition: .1s ease all;
		-moz-transition: .1s ease all;
		-webkit-transition: .1s ease all;
	}
    .trans-2,
    li a,
    a.but p,
	a.but span,
    .cpt-box > a,
	#form #submit input,
    header li a:before,
    nav.preview ul li a:before {
		transition: .2s ease all;
		-moz-transition: .2s ease all;
		-webkit-transition: .2s ease all;
	}
	.trans-3 {
		transition: .3s ease all;
		-moz-transition: .3s ease all;
		-webkit-transition: .3s ease all;
	}
	.trans-4 {
		transition: .4s ease all;
		-moz-transition: .4s ease all;
		-webkit-transition: .4s ease all;
	}
    .trans-5 {
		transition: .5s ease all;
		-moz-transition: .5s ease all;
		-webkit-transition: .5s ease all;
	}
	.trans-6,
    .animate {
		transition: .6s ease all;
		-moz-transition: .6s ease all;
		-webkit-transition: .6s ease all;
	}
    .trans-8,
    .fade {
		transition: .8s ease all;
		-moz-transition: .8s ease all;
		-webkit-transition: .8s ease all;
	}

    /* ------------------------
	ANIMATE
	------------------------ */
	.fade { opacity: 0; }
	.fade.fadein { opacity: 1; }

	/* ------------------------
	BUTTON
	------------------------ */
	a.but p,
    #form #submit input {
		padding: .45em 1em;
		border-radius: 6px;
        text-align: center;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px;
	}
    a.but:hover p,
    #form #submit:hover input { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
    a.link:hover { color: #f0aa00; }


    /*but.big + small*/
    a.but.small p { padding: .35em 1em;}
    a.but.right p { padding: .35em 1em;}

    /*but.icon*/
    a.but.icon p {
        position: relative;
        display: inline-flex;
        align-items: center;
        padding-left: 40px;
    }


    a.but.icon p::before {
        content: '';
        position: absolute;
        left: 10px;
        top: calc(50% - 2px);
        transform: translateY(-50%);
        width: 26px;
        height: 26px;
        background-size: contain;
    }
    a.but.icon-download p::before {background: url('assets/img/svg/button/icon_download_white.svg') no-repeat center center; }
    a.but.icon-link p::before {background: url('assets/img/svg/button/icon_link_white.svg') no-repeat center center; }

    /*link*/
    a.but.link.full.orange p,
    a.but.link:hover p {
       color: #f0aa00;
       background: none !important;
       border: none !important;
       box-shadow: none !important;
    }
    /*link hover*/
    a.but.link:hover p {text-decoration: underline;}

    /*link icon*/
    a.but.icon.link p {padding-left: 25px;  }
    a.but.icon.link p::before {left: -5px;}
    a.but.icon-download.outline p::before,
    a.but.link.icon-download p::before {background: url('assets/img/svg/button/icon_download_color.svg') no-repeat center center; }
    a.but.icon-link.outline p::before,
    a.but.link.icon-link p::before {background: url('assets/img/svg/button/icon_link_color.svg') no-repeat center center; }

    /*link icon hover*/
    a.but.icon-download.outline:hover p,
    a.but.icon-link.outline:hover p {
        color: #f0aa00 !important;
        border: 2px solid #f0aa00 !important;
    }


    /* header but */
    header #additional a.but  {
        width: auto;
        margin: 0 1rem 0 0;
    }
    header #additional a.but:last-child  {
        margin-right: 15px;
    }

    header #additional a.but p  {
        margin: 0px;
        letter-spacing: 0.46px
    }

    #slider a.but {
        margin: 1.5rem auto 0;
    }


	/* ------------------------
	UNDERLINE
	------------------------ */
    a.link,
    header li a,
    nav.preview ul li a { position: relative;  }
	header li a:before,
    nav.preview ul li a:before {
	  content: "";
	  position: absolute;
	  bottom: -4px;
	  left: 0px;

	  background: #252525;
	  width: 100%;
	  height: 1px;

	  visibility: hidden;
	  transform: scaleX(0);
	}

	header li > a:hover:before,
	header li > a.active:before,
	header li.current-menu-item > a:before{
		visibility: visible;
		transform: scaleX(1);
	}

    nav.preview li > a:hover:before,
	nav.preview li > a.active:before,
	nav.preview li.current-menu-item > a:before{
		visibility: visible;
		transform: scaleX(1);
	}

    /* ------------------------
	LIST
	------------------------ */

    /* ------------------------
	SOCIAL
	------------------------ */

    /* ------------------------
	STATUSPAGE BANNER
	(above header; full-viewport background, inner content aligned to .inner.col-10)
	------------------------ */
    #statuspage-banner-wrap,
    .statuspage-root { width: 100%; }

    .statuspage-banner .container {
        width: 83.3333%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0;
    }

    @media only screen and (max-width: 767px) {
        .statuspage-banner .container {
            width: auto;
            margin: 0;
        }
    }