/* 
Theme Name: CEISCaramuloESTGV
Author: Andrei Josu, 15730
Description: Theme developed for ceiscaramulo.pt, created as the final project of the course: Tecnologias e Design de Multimedia (TDM), Escola Superior de Tecnologias e Gestão de Viseu(ESTGV)
Version: 1.0
Tags: two-columns, left-sidebar, flexible-header, custom-background, editor-style, featured-images, 
*/


/*
 * Globals
 */
    .size-auto, 
    .size-full,
    .size-large,
    .size-medium,
    .size-thumbnail {
        max-width: 100%;
        height: auto;
    }   

    body{
        font-family: 'Open Sans', sans-serif;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color: white;
    }

    .body,
    .branco{
        background-color: white !important;
    }
    .firstsection{
        margin-top: 8%;
    }
    .semsaida{
        background-image: url(assets/images/DSC_0146_sm.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;

    }
    .secd{
        position: absolute;
        width: 300px;
    }


/**
*    MENU
*/

    nav .navbar{
        display: block;
    }
    .navbar{
        background-color: white;
        align-items: center;
        /* font-size: 95%; */
        font-variant: all-small-caps;
        
    }
    /* navbar FrontPage */
    .custom-nav{
        margin-bottom: 3% !important;

        background-color:  rgba(0, 0, 0, 0.104);
        align-items: center;
        /* font-size: 95%; */
        font-variant: all-small-caps;
    }
    .navbar .navbar-brand{
        font-size: 130%;
        font-weight: 700;
        font-variant: small-caps;
        color:  green;       
    }
    .navbar a{
        margin-top: -0.03%;
        font-weight: 600;
        color: black;
    }
    .navbar a:hover,
    .navbar a:active{ /*  ALTERAR COR. » x */
        color: #006e00; 
    }
    .current-menu-item > a{
        color: green;
    }

    /**
    * Menu Projetos/gal
    */
    .navbar2{
        font-variant-caps: all-small-caps;
        font-weight: 600;   
        font-size: 95%;
    }
    .decomenupg{
        border-bottom: 4px solid white;
        background-color: rgba(0, 0, 0, 0.623);
    }
    .textplace .menu-item > a{
        padding-left: 16px;
        /* padding-left: 3%; */
    }

    .navbar2 .menu-item > a,
    .navbar2 .menu-item > a:active {
        color: white;
    }
    .navbar2 .menu-item > a:active {
        font-size: 100%;
    }
    .navbar2 a.nav-link{
        /* background-color: rgba(0, 0, 0, 0.623); */
        margin-bottom: -3%;
    }
    .navbar2 .current-menu-item > a {
        background-color: rgb(255, 255, 255);
        color: black;
    }
    .navbar2 a:hover{
        color: gold
    }
    .navbar2 .current-menu-item > a:hover {
        color: black ;
    }
    
    .navbar2 .current-menu-item .fa,
    .navbar2 .nav-link:hover .fa{
        font-weight: 800 !important;
    }
    .navbar2 .fa-circle{
        font-weight: 100 !important;
    }


    
   
/**
*    TITLES / TEXT / etc
*/
    h1,
    h2,
    h3,
    h4,
    h5,
    h6{
        color: white;
        /* font-variant-caps: all-small-caps; */
    }
    h1 > a,
    h2 > a,
    h3 > a,
    h4 > a,
    h5 > a,
    h6 > a{
        color: #3fa9f5;
        /* font-variant-caps: all-small-caps; */
    }
    p{
        font-size: 95%;
    }
    small
    {
        color: white;
    }
    /* a:hover{
        color: #0074A1
    } */
    .title,
    .widget-title{
        font-weight: 600;
        font-variant-caps: all-small-caps;
        color: black;
    }
    .titSubcrever{
        font-weight: 600;
        font-variant-caps: all-small-caps;
        color: white;
        font-size: 125%;
    }
    .archive-result,
    .archive-title{
        color: white;
    }
    .areareservada{
        font-size: 70%;
        color: #006e0080;
    }
    .post-title{
        font-size: 145%;
        font-weight: 600;
        font-variant: all-small-caps;
        color: white;
    }
    .post-card-title,
    .h5-archive-result,
    .proj-card-title,
    .off-title{
        font-weight: 600;
        font-variant: all-small-caps;
        color: white;

    }
    .post-card-title:hover,
    .search-result :hover > .post-card-title,
     div :hover > .h5-archive-result,
    .moveAtagFP :hover > h4,
    .training-block:hover > .entry-header>.entry-title> a >.post-card-title{
        color: yellow; /* alterar */
    }
    .tt :hover >  .title {
        color:  #006e00;
    }
    .post-text{
        position: relative;

        margin-top: 1%;
        color: white;
        font-size: 95%;
    }
    .post-text > a{ /* as tags <a> dos post, nomeadamente projectos e biblioteca */
        font-size: 96%;
        text-transform: capitalize; /* !!! */
        color: deepskyblue;
    }
    .post-info > p{ /* data hora, autor etc.*/
        margin-top: -1.5%;

        font-size: 85%;
        color: grey;
    }
    .post-card-info > p{
        margin-top: -1.5%;
        margin-bottom: 2%;
        font-size: 80%;
        color: rgb(200, 199, 199);
    }
    .post-single{
        padding-top: .5%;
        font-size: 85%;
        color: rgb(200, 199, 199);
    }
    .post-single > a {
        color: #3389e6;
    }
    .post-logos-midia{
        display: inline-block;
        color: white
    }
    #searchform > div > input {
        padding-left: 1%;
    }
    .sufit{
        text-transform: uppercase;
        font-weight: 600;
        color: white;
        
    }
    .singleNavPost{
        color: rgb(200, 199, 199);
    }
    .modal,
    .modal-title{
        color: black;
    }


/**
*    BUTTONS
*/
    .btn{
        background-color: #006e00;
        border: none;
        font-variant: all-small-caps;
        font-weight: 600;
    }
    .big-bt{
        width: 100%;
        font-size: 110%;
        color: white;
        font-weight: 600;
    }

    .small-bt-search{
        background-color: #006e00;
        margin-top: 2%;
        
        padding-left: 2% ;
        padding-right: 2% ;
        border: none;
        border-radius: 2px;
        float: right;
        
        font-variant: all-small-caps;   
        font-size: 90%;
        font-weight: 600;
        color: white;
    }
    .bt-card{
        width: 200px;
        font-weight: 600;
    }
    .button-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        cursor: pointer;
        pointer-events: none;
        opacity: 0;
        transition: opacity .18s ease;
    }
      
    .button-top-visible {
        opacity: 1;
        pointer-events: auto;
    }
    .active-cyan-3 input[type=text] {
        border: 1px solid #4dd0e1;
        box-shadow: 0 0 0 1px #4dd0e1;
    }

    .vermelho {color: red;}
    .azul{ color: blue;}

    #subscribe-email input {
        width: 80% !important;
        height: 40px;
        padding: 10px 8px;
        font-size: 15px;
        float: left;
        border: 1px solid #38c741;
    }

	#subscribe-submit button[name="jetpack_subscriptions_widget"],
	#subscribe-submit input{
        background: green;
        width: 20%;
        padding: 0;
        border: 1px solid green;
        height: 40px;
        font-variant: all-small-caps;
        font-weight: 600;
		color: white;
    }
/**
*    SIDEBAR
*/
    .fab{
        background: black;
        color: white;
    }




/**
*  DECORATIVE ELEMENTS
*/
    .fundo{
        min-height: 370px;
    }
    .space-menucontent{
        margin-top: 5%; 
    }
    .fundo-conteudo{
        padding-left: 3%;
        padding-right: 3%;
        padding-top: 1%;

        background-color: rgba(0,0,0, .7);
        /* width: 100%; */
    }
    .fundo-conteudo2{
        padding-top: 0.5%;
        
        background-color: rgba(0,0,0, .70);
        /* width: 100%; */
    }
    .fundo-conteudo3{
        background-color: rgba(0, 0, 0, 0.70);
    }
    .decorLineFP{ /*front page black line*/
        background: black;
        
        height: 2.5px;
        width: 100%;
        border: none;
        margin-top: -1.7%;
    }
    .decorLinePost{
        background: white;
        height: 2px;
        border: none;
        margin-top: -1%;
    }
    .indHover > p{
        color: black;
    }
    .train{
        height: inherit;
    }

    .ole, /*temporary name (search.php)*/
    .ole :hover{
        color: white;
    }
    .fill{height: 240px;}

    .moveAtagFP > p,
    .tt :hover >  a{
        text-decoration: none !important;
        color: black;
    }
    a,
    .paginacao > a{
        text-decoration: none !important;
    }
    hr{
        background-color: white 
    }
    blockquote {
        display: block;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 40px;
        margin-right: 40px;
    }
    
    #trapezoid{
        width: auto;
        height: auto;
        margin: 0 6% 0 6%;
        transform: skew(-20deg);
        background:  rgba(0,0,0,.7);
    }
    #trapezoid > .widget-title{
        transform: skew(20deg);
    }

    

/**
*   Carousel Front-page
*/
    .carousel-caption{
        top: 15%;
        bottom: auto;
    }
    .carousel-title{
        font-variant: small-caps;
        font-weight: 700;
        text-shadow: 2px 1.5px 6px rgb(143, 141, 141);
    }
    .carousel-content{
        font-weight: 600;
        text-shadow: 2px 1.5px 5px grey;
        text-shadow: 2px 1.5px 6px rgb(143, 141, 141);
    }

    .carousel-indicators li{
        background-color: #006e00;
        border: none;
        border-radius: 3px;
        margin:  0.5% 0.5% -0.5% 0.5%; 
        height: 18px;
        width: 18px;
        /* line-height: 30px; */
        color: black;

        font-size: 95%;
        font-weight: 600; 
        font-variant: all-small-caps;

        transition: all 0.25s ease;
    }
    .carousel-indicators li:hover,
    .carousel-indicators li:active{
        border: 2px solid green;
        margin:  0.5% 0.5% -0.5% 0.5%; 
        background-color: white;
        /* transform: rotate(45deg); */
    }
    .carousel-indicators .active {
        border: 2px solid green;
        
        transform: rotate(45deg); 
    }



/**
*   Images
*/
    img {
        border: solid white 2px;
        width: auto ;
        height: auto ;
    }
    .attachment-featuedIMG { /*  */
        width: 100% !important;
    }
    .attachment-singlePostIMG{
        width: 82% !important;
        height: auto;
    }
    .attachment-slideIMG{
            height: 580px !important;
    }

    img.alignright{ 
        float: right; 
        margin: .5em .5em .5em 1em; 
    }
    img.alignleft{ 
        float: left; 
        margin: .5em 1em .2em 0; 
    }
    img.aligncenter{
        display: block; 
        margin-left: auto; 
        margin-right: auto; 
    }
    .alignright{ float: right; }
    .alignleft{ float: left; }
    .aligncenter{ 
        display: block; 
        margin-left: auto; 
        margin-right: auto; 
    }
    .featured-img,
    .else-href,
    .else-logo{
        width: inherit !important;
    }
    img,
    video {
        height: auto; /* Make sure images are scaled correctly. */
        max-width: auto; /*  container width. */
    }

    
/* 
    Default Gallery - from 20-17 wp theme. 
*/
    .gallery-item {
        display: inline-block;
        text-align: left;
        vertical-align: top;
        margin: 0 0 1.5em;
        padding: 0 1em 0 0;
        width: 50%;
    }    
    .gallery-item a,
    .gallery-item a:hover,
    .gallery-item a:focus,
    .widget-area .gallery-item a,
    .widget-area .gallery-item a:hover,
    .widget-area .gallery-item a:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none;
        display: inline-block;
        max-width: 100%;
    }
    .gallery-item a img {
        display: block;
        -webkit-transition: -webkit-filter 0.2s ease-in;
        transition: -webkit-filter 0.2s ease-in;
        transition: filter 0.2s ease-in;
        transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .gallery-item a:hover img,
    .gallery-item a:focus img {
        -webkit-filter: opacity(60%);
        filter: opacity(60%);
    }
    .gallery-caption {
        display: block;
        text-align: left;
        padding: 0 10px 0 0;
        margin-bottom: 0;
    }

    .gallery-item {
		max-width: 25%;
	}
	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}
	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}
	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}
	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
    .gallery-columns-5 .gallery-item {
		max-width: 20%;
	}
	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}
	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}
	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}
	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}


/**
*   Projetos front-page
*/
    .widget-title{
        padding-top: 1%;
        left: 5%;
        right: 5%;
        color: white;
        text-align: center;
    }
    .widget-cont{
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 1%;
        /* height:auto; */
        text-align: center;
        /* background-color: rgba(0, 0, 0, 0.4); */
        visibility: hidden;
    }
    .widg:hover > .widget-cont{
        visibility: visible;
    }
/**
*   Projetos
*/
    .projet-card{
        background-color: rgba(245, 245, 245, 0);
        border-color: rgba(245, 245, 245, 0);
        overflow: hidden;
    }
	.projet-card:hover .proj-card-title {
    color: yellow;
    }
    .projectsimg{
    width: inherit;
    overflow: hidden !important;
    }
	.card-body{
        padding: 0;
    }

/**
*   SEARCH FORM
*/
    .search{
        width: 100%;
        border-radius: 10px ;
    }    



/**
*   FOOTER
*/
    .footer{
        background-color: black;
        /* margin-bottom: 0; */
    }


/**
*   Contact Form 7 (plugin)
*/
    .wpcf7-submit{
        background-color: #006e00;
        border: none;
        width: 40%;

        font-variant: all-small-caps;
        font-size: 115%;
        font-weight: 600;
        color: white;
    }
    .wpcf7-form-control{
        border: none;
        border-radius: 3px;
    }

    .wpcf7-text,
    .wpcf7-textarea{
        padding: .5%;
        padding-left: 1.5%;
        
    }
    .wpcf7-response-output {
        border: 2px solid white !important;
        margin: 2em 0 1em !important;
        color: yellow;
    }
    .wpcf7-not-valid-tip{
        color: yellow !important;
    }
    .wpcf7-submit {
        margin-top: 3.5%;
    }
    

/**
*   Comentarios
*/
    #comments{
        color: white;
    }
    #comments  a{
        color: #3fa9f5;
    }
    .comments-title,
    .comment-reply-title{
        margin-top: 5%;

        font-size: 110%;
        font-weight: 600;
        font-variant: all-small-caps;
    }
    .comment-metadata{
        font-size: 80%;
    }
    .comment-content,
    .comment-notes,
    p > label{
        font-size: 90%;
        color: white;
    }
    #comment{/*text area*/
        height: 10%;
        
    }
    .comment-list  li {
        margin-top: 2%
    }
    .reply{
        margin-top: -1%;
    }
    .comment-respond label {
		display: none;
    }
    #comment,
    #author,
    #email{
        border: none;
        border-radius: 3px;

        padding: .5%;
        padding-left: 1%;
    }
    .form-submit > input{
        background-color: #006e00;
        border: none;
        padding-bottom: .3%;

        font-variant: all-small-caps;
        font-weight: 600;
        color :white;
   }
    .comment-notes{
        font-size: 86%;
    }
    p  .mc4wp-checkbox  span{
        font-variant: all-small-caps;
        margin-left: 5px;
    }


/**
*   Pagination
*/
    .paginacao{
        font-variant: all-small-caps;
        color: white;
        
    }
    .page-numbers,
    .paginacao  a{
        
        margin: .2%;
        padding: 1%;
        padding-bottom: .4%;
        
        color: #3fa9f5;
    }
    .page-numbers{
        border-bottom:  3px solid white ;
    }
    .paginacao > .current{
        color: white;
        border-bottom:  3px solid  yellow !important;
    }
    .paginacao  a:hover{
        border-bottom: 3px solid #3fa9f5 !important;
        color : #3fa9f5;
    }
    .prev{
        margin-left: 5%;
        border-bottom: none;
        font-variant-caps: all-small-caps;

    }
    .prevpost{
        float: right;
    }
    .next{
        margin-right: 5%;
        border-bottom: none ;
        font-variant-caps: all-small-caps;
    }
    .NextPost{
        font-variant: all-small-caps;
        border-top: 1px solid white ;
        border-bottom: 1px solid white ;
        padding:  .8% 0 .1% .4%;
    }
    .PrevPost{
        font-variant: all-small-caps;
        border-bottom: 1px solid white ;
        padding:  .8% 0 .1% .4%;
    }


/*
*   font Awesome
*/
    .fa-eye{
        color: white;
    }
    .colChev{
        color: green;
    }
    .fas-carousel{
        text-shadow: 2px 2px 2px black;
    }
    .fahomepage{
        color: #0074A1;
    }
    .fa-search{ 
        padding-top: 6px;
        padding-left: 10px;
        
    }
    .fa-search:hover{
        color: #006e00;
    }


    
/* 
*   social btns 
*/    
    .crunchify-link{
        padding: 2px 8px 4px 8px !important;
        color: white;
        font-size: 12px;
        border-radius: 2px;
        margin-right: 2px;
        cursor: pointer;
        box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
        -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
        -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
        margin-top: 2px;
        display: inline-block;
        text-decoration: none;
    }
    .crunchify-link:hover,.crunchify-link:active {
        color: white;
    }
    .fa-twitter,
    .fa-facebook-f,
    .fa-whatsapp,
    .fa-linkedin-in,
    .fa-pinterest-p{
        color: white;
        background-color: inherit;
    }
    
    .crunchify-twitter:hover,
    .crunchify-twitter:active {
        background: #0084b4;
    }
    .crunchify-facebook:hover,
    .crunchify-facebook:active {
        background: #3B5997;
    }
    .crunchify-pinterest:hover,
    .crunchify-pinterest:active {
        background: #bd081c;
    }
    .crunchify-linkedin:hover,
    .crunchify-linkedin:active {
        background: #0074A1;
    }
    .crunchify-whatsapp:hover,
    .crunchify-whatsapp:active {
        background: #43d854;
    }
    .crunchify-social {
        margin: 25px 0px 25px 0px;
        -webkit-font-smoothing: antialiased;
        font-size: 12px;
    } 



/*
*   video galery plugin
*/
    .aiovg-title{
        font-size: 110%;
        font-weight: 500;
		color:white;
    }
    .aiovg_videos-template-default div > .NextPost,
    .aiovg_videos-template-default div > .PrevPost{
        display: none;
    }
	.aiovg .aiovg-responsive-container{
        background:rgb(0, 0, 0) !important;
    }

/*
*   NEXTGEN GALLERY plugin
*/
    .ngg-imagebrowser-nav > .back,
    .ngg-imagebrowser-nav > .next{
        background-color: #006e00;
        color:white;
    }
    .ngg-galleryoverview > .ngg-navigation > .prev,
    .ngg-galleryoverview > .ngg-navigation > .next{
        color: #3fa9f5;
    }
    .ngg-galleryoverview > .ngg-navigation > .page-numbers{
        background-color: #3fa9f5
    }
    .ngg-galleryoverview > .ngg-navigation >.current{
        background-color: white;
        color: #3fa9f5;
    }
    

/*
*   404
*/
    .container404{
        
        position: fixed;
        bottom: 0;
        left:0;
        right:0;
    }
    .backgr404{
        background-color: whitesmoke;
        padding: 1.5%;
    }
    .title404{
        text-transform: uppercase;
        font-weight: bold;
    }


/**
*   RESPONSIVE
*/

    @media only screen and (min-width:320px) {
        .wpcf7-textarea,
        .wpcf7-text,
        #comment,
        #author,
        #email {
            max-width: 100%;
        }
        .custom-nav{
            background-color:  white;
        }
        .widget-cont{
            visibility: visible;
        }
        .faoutras{
            color: #0074A1;;
        }
        .aligfeaturedimage{
            text-align: center;
            padding-left: 3%;
        }
        #subscribe-email input {
            width: 75% !important;
        }
        #subscribe-submit input {
            width: 25%;
        }
    }



    /* Extra small devices (portrait phones, less than 576px) */
    @media only screen and (min-width:480px) {
        .wpcf7-textarea,
        .wpcf7-text,
        #comment,
        #author,
        #email {
            max-width: 100%;
        }
    }
    /* Medium devices (tablets, 768px and up) */
    @media only screen and (min-width:768px) {
        .wpcf7-textarea,
        .wpcf7-text,
        #comment,
        #author,
        #email{
            max-width: 100%;
        }
        #trapezoid{
            margin: 1% 6% 1% 6%;
        }
        .aligfeaturedimage{
            text-align: inherit;
        }
        #subscribe-email input {
            width: 80% !important;
        }
        #subscribe-submit input {
            width: 20%;
        }
    }
    
    /* Large devices (desktops, 992px and up)    */
    @media only screen and (min-width:1024px) {
        .wpcf7-textarea,
        .wpcf7-text,
        #comment,
        #author,
        #email {
            max-width: 100%;
        }
        .custom-nav{
            background-color:  rgba(0, 0, 0, 0.104);
        }
        .widget-cont{
            visibility: hidden;
        }
        #trapezoid{
            margin: 0 6% 0 6%;
        }
        .crunchify-whatsapp{
            display: none !important;
        }
        .faoutras{
            color: white;;
        }
    }
    /* Extra large devices (large desktops, 1200px and up) */
    @media only screen and (min-width:1140px) {
        .wpcf7-textarea,
        .wpcf7-text,
        #comment,
        #author,
        #email {
            max-width: 100%;
        }
    }
    @media only screen and (min-width:1280px) {
        .wpcf7-textarea,
        .wpcf7-text,
        #comment,
        #author,
        #email {
            max-width: 100%;
        }
    }
    @media only screen and (-webkit-min-device-pixel-ratio:1.5),
        only screen and (min-resolution:144dpi) {
            .wpcf7-textarea,
            .wpcf7-text,
            #comment,
            #author,
            #email {
                max-width: 100%;
            }
    } 


/*
*   IE
*/
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .post-title,
        .navbar > div > ul > .menu-item > .nav-link,
        .title,
        .moveAtagFP > .title,
        .big-bt,
        .widget-title,
        .small-bt-search,
        .titSubcrever,
        .page-numbers,
        .navbar2 > div > ul > .menu-item > .nav-link,
        .post-card-title,
        .singleNavPost,
        .comments-title,
        .comment-respond > .comment-reply-title,
        .form-submit > .submit,
        .NextPost > h6,
        .PrevPost > h6,
        .post-card-title,
        .proj-card-title{
            text-transform: uppercase;
        }
        .navbar > div > ul > .menu-item > .nav-link,
        .menu-item > .dropdown-item{
            font-size: 70% ;
        }
        .title{
            font-size: 135% ;
        }
        .moveAtagFP > .title,
        .post-card-title,
        .post-title{
            font-size: 110%;
        }
        .big-bt{
            font-size: 82% ;
            padding: 5% 0 4% 0;
        }
        .widget-title,
        .comments-title,
        .comment-respond > .comment-reply-title{
            font-size: 82% ;
        }
        .small-bt-search,
        .form-submit > .submit{
            font-size: 75% ;
            padding-top: .5%;
            border: 1px solid #006e00;
        }
        .titSubcrever{
            font-size: 85% ;
        }
        .carousel-title{
            text-transform: capitalize;
            font-size: 200% ;
            margin-bottom: 1.5%;
        }
        .carousel-content{
            font-size: 101%;
        }
        .page-numbers{
            font-size: 72%;
        }
        .navbar2 > div > ul > .menu-item > .nav-link{
            font-size: 80%;
            width: 200px
        }
        .singleNavPost,
        .NextPost > h6,
        .PrevPost > h6{
            font-size: 70%;
        }
        .proj-card-title{
            font-size: 95%;
        }
   }



/*
*   FireFOX
*/
    @-moz-document url-prefix() {
        .navbar > div > ul > .menu-item > .nav-link,
        .menu-item > .dropdown-item,
        .page-numbers,
        .singleNavPost,
        .NextPost > h6,
        .PrevPost > h6{
            font-size: 85%;
        }
        .title{
            font-size: 190%;
        }
        .moveAtagFP > .title{
            font-size: 130%;
        }
        .widget-title{
            font-size: 90%;
        }
        .titSubcrever,
        .proj-card-title{
            font-size: 110%;
        }
        .post-title,
        .post-card-title{
            font-size: 125%;
        }
        .comments-title,
        .comment-respond > .comment-reply-title{
            font-size: 95%;
        }

        
    }